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

Select box / Dropdown component

    XMLWordPrintable

Details

    • indian, arctic

    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

          brody Brody Maclean added a comment -

          Updated Dropdown / Select Box at bottom

          Zeplin https://zpl.io/20uAgw

          brody Brody Maclean added a comment - Updated Dropdown / Select Box at bottom Zeplin https://zpl.io/20uAgw
          cliffmeyers Cliff Meyers added a comment - PR so the positioning is pluggable: https://github.com/jenkinsci/jenkins-design-language/pull/111
          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

          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

          People

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

            Dates

              Created:
              Updated:
              Resolved: