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

Select box / Dropdown component

    XMLWordPrintable

    Details

    • Similar Issues:
    • Epic Link:
    • Sprint:
      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

          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: