Skip to main content

Select

The Select component allows you to choose one or multiple options from a collapsed dropdown with options.

OverviewPropertiesUsageAccessibilityChangelog3.14.0

Changes to Select. The full components changelog also lists package-wide and cross-cutting entries.

3.14.0​

Updates​

  • Fixed the loading state not being announced to screen readers when the dropdown is open. (APPDEV-19524)

3.11.3​

Updates​

  • Screen readers now announce the number of matching options when using Select.Filter to search the content. (APPDEV-18616)
  • Fixed the inline clear-search (X) button inside the Select filter so it is now reachable and operable with the keyboard alone. (APPDEV-18640)
  • The "Select all" control now exposes its selected state to assistive technologies, correctly announcing when all, some, or none of the options are selected. (APPDEV-18619)

3.11.0​

Updates​

General​

  • Overlays such as Tooltip, Menu item tooltips, Select and FilterField suggestion lists, FeatureHighlight, and chart tooltips no longer flash briefly in the top-left corner of the screen before moving to their final position. (APPDEV-19359)
  • Fixed the native browser validation popup from appearing on required Select fields. (APPDEV-19286)
  • Added onFocus prop. It only fires when focus enters the component from outside, not on internal transitions. (APPDEV-17910)
  • Fixed the random spacing between options that appeared when many options were listed. (APPDEV-19236)

3.10.5​

Updates​

General​

  • Overlays such as Tooltip, Menu item tooltips, Select and FilterField suggestion lists, FeatureHighlight, and chart tooltips no longer flash briefly in the top-left corner of the screen before moving to their final position. (APPDEV-19359)

3.10.4​

Updates​

  • Fixed the native browser validation popup appearing on required Select fields. (APPDEV-19286)

3.9.1​

Updates​

  • Fixed the native browser validation popup appearing on required Select fields. (APPDEV-19286)

3.9.0​

Updates​

  • Fixed an issue where pressing Enter to open the dropdown would also submit an enclosing form. (APPDEV-18459)

3.8.0​

Updates​

  • Fixed a performance issue that caused all options to re-render when hovering a single option. (APPDEV-15702)
  • The hover style for options is now handled via CSS, meaning mouse hover and keyboard focus styles are visually distinct. (APPDEV-15702)
  • Fixed incorrect option heights and blank, over-scroll whitespace on initial open of the virtualised list. (APPDEV-18184)
  • Fixed the keyboard navigation in virtualised Select lists so that focused options scroll into view and wrapping past the last or first option correctly reveals the item at the opposite end. (APPDEV-18186)

3.6.0​

Updates​

  • Improved accessibility so the announced option count is accurate when the list opens and duplicate option announcements are removed. Added support for custom option aria-labels, and ensured aria-label is not set when the option’s visible text already provides the accessible name. (APPDEV-17345)

3.5.0​

Updates​

  • Virtual focus styles now use consistent design token-based colors and animations. (APPDEV-17185)

3.4.0​

Updates​

General​

  • Behavior tracking attributes are now supported in all button components, including Button, IntentButton, NotifyButton, and RunQueryButton. (APPDEV-16876)
  • The text and icon color tokens for the success on accent button are now correct. (APPDEV-17388)
  • Behavior tracking attributes are now supported in all form components, including Calendar, Checkbox, DateTimePicker, DateTimeRangePicker, FieldSet, FormField, Label, NumberInput, NumberInputV2, PasswordInput, Radio, SearchInput, Select, Switch, TextArea, TextInput, and ToggleButtonGroup. (APPDEV-16882)
  • Behavior tracking attributes are now supported in FilterBar, FilterField, SegmentSelector, and TimeframeSelector. FilterField.Suggestions and TimeframeSelector.Presets now also support behavior tracking attributes. (APPDEV-16881)
  • Added feature flag and css overrides for design tokens for visual refresh. (APPDEV-17223)

Forms​

  • Improved read-only state for form components: TextInput, TextArea, PasswordInput, NumberInput, DateTimePicker, DateTimeRangePicker, Select, Switch, Checkbox, RadioGroup and ToggleButtonGroup. (APPDEV-16539, APPDEV-16540, APPDEV-16542, APPDEV-16543, APPDEV-16544, APPDEV-16545, APPDEV-16546, APPDEV-16547, APPDEV-16548)
  • Default placeholder texts are now shown when no placeholder is explicitly provided. (APPDEV-17048)
  • When opening a second Select on mobile, the first one closes. (APPDEV-17015)

3.3.0​

Updates​

  • Added data-dt-properties attribute to the 'Select all' control.

3.2.0​

Updates​

  • The Select.Filter input now has an aria-label set to comply with accessibility standards. (APPDEV-16713)
  • Added data-dt-name attribute to the "Select All" element. (APPDEV-16671)

3.1.0​

Updates​

  • Select now has a minWidth set when contentWidth is content and a Filter.Filter is present, preventing the SearchInput from becoming too narrow. (APPDEV-16635)
Still have questions?
Find answers in the Dynatrace Community