Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-39478

Select box / Dropdown component

    XMLWordPrintable

    Details

    • Epic Link:
    • Sprint:
      indian, arctic
    • Similar Issues:

      Description

      User Interactions

      • Clicking toggles the open/closed state of the menu
      • Menu sizes to reasonable default height, scroll to handle large numbers of items
      • Menu must position itself to bottom-left corner of dropdown when open
      • Support keyboard accessibility (space-bar to open; arrow up/down, page up/down, home/end keys to navigate through options, spacebar or enter to select, esc to dismiss, mousewheel)

      Developer Options

      • Supply array of items for display
      • Allow for a default selection
      • Customize display of items with any text desired
        • Stretch goal: allow for custom React component to be used
      • Handlers for onChange

        Attachments

          Activity

          Hide
          cliffmeyers Cliff Meyers added a comment -

          PR to refactor core "popover" logic into FloatingElement so it can be used in other components via composition: https://github.com/jenkinsci/jenkins-design-language/pull/109

          Show
          cliffmeyers Cliff Meyers added a comment - PR to refactor core "popover" logic into FloatingElement so it can be used in other components via composition: https://github.com/jenkinsci/jenkins-design-language/pull/109
          Hide
          cliffmeyers Cliff Meyers added a comment -
          Show
          cliffmeyers Cliff Meyers added a comment - PR so the positioning is pluggable: https://github.com/jenkinsci/jenkins-design-language/pull/111
          Hide
          brody Brody Maclean added a comment -

          Updated Dropdown / Select Box at bottom

          Zeplin https://zpl.io/20uAgw

          Show
          brody Brody Maclean added a comment - Updated Dropdown / Select Box at bottom Zeplin https://zpl.io/20uAgw

            People

            • Assignee:
              cliffmeyers Cliff Meyers
              Reporter:
              cliffmeyers Cliff Meyers
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: