Enhancements
- Updated
OptionListselected styles (#3633) - Added the ability to hide the clear filter button on the filter component (#3049)
- Right-align
disclosurewhen usingtextAlignLeftforButton(#3709) - Remove all transitions from
Button(#3709) - New
selectoption fordisclosureinButton(#3709) - Conveyed
DatePickermore clearly to screen readers (#3660) - Added
accessibilityLabelsprop toPagination(#3667) - New
autofocusTargetprop to enhance autofocus options onPopover(#3600) - Added ability to hide query text field in
Filterscomponent usinghideQueryFieldprop (#3674) - Added
tabIndextoScrollablefor keyboard focus (#3744) - Added accessibility label prop to
UserMenuandMenusubcomponents inTopBar(#3659) - Add
aria-labelto theLoadingbar inFrame(#3770) - Updated
Collapsibleto be a functional component (#3779) - Coverted
TooltipOverlayto a functional component (#3631) - New
ariaDescribedByprop forButton(#3664) - Changed the way sub navigation menus are rendered for improved accessibility (#3661)
Bug fixes
- Fixed an accessibility issue where high contrast styles wouldn’t be applied to the
Tagcomponent (#3810) plainvariantchildrenno longer remain visible whileloadingforButton(#3709)- No longer spin
disclosure180deg when toggling betweenupanddownonButton(#3709) - Prevent layout shift when toggling “filled” variants on
Button(#3709) - Fixed
FocusManagerfrom tracking inactive items that prevented trap focusing(#3630) - Added escape keybind to
Tooltip(#3627) - Removed extra bottom border on the
DataTableand added curved edges to footers (#3571) Button:loadingno longer sets the invalidrole="alert"(#3590)- Added semantic headers to
Filters(#3629) - Fixed
Filtersnot announcing applied filters (#3632) - Removed
tabIndex=-1fromPopoverwhenpreventAutoFocusis true (#3595) - Fixed Tooltip not being read properly by screen readers(#3631)
- Fixed
Modalheader border color (#3616) - Added focus styles to
CloseButtoninModal(#3628) - Fixed
FiltersduplicatedConnectedFilterids (#3651) - Fixed
BannersecondaryActiononly rendering ifactionis set (#2949) - Added a
alwaysRenderCustomPropertiestoThemeProviderfor elements that render outside of the DOM tree to their parent context (#3652) - Fixed keyboard interactions for the
Tabcomponent (#3650) - Fixed
TrapFocusdisallowing focus insidePortal(#3790) - Fixed keyboard interaction when selected Tab was focused and rendering the wrong
::beforecolour (#3669) - Added focus ring to disclosure tab when tabbing with keyboard(#3675)
- Fixed windows high contrast mode on hover within disclosure menu and displaying active state upon click for
::before(#3675) - Removed
aria-selectedfromActionListas it is not a selectable list (#3725) - Moved
aria-role="combobox"inAutocompletefrom thedivto theinput(#3727) - Removed
aria-multilineinInputwhen false or undefined (#3727) - Removed
aria-multiselectablefrom OptionList (#3729) - Replaced
buttonwithdivinRangeSliderfor correct semantics when usingrole="slider"(#3730) - Replaced
React.FragmentwithliinResourceListspinner for valid markup (#3732) - Fixed clear button in
TextFieldunintentionally closingPopoverwhen clicked (#3688) - Added focus styles to the clear button in
TextField(#3688) - Increased contrast of navigation text color (#3742)
- Removed
-ms-high-contrastmedia query fromms-high-contrast-outlineas it is non-standard and updated the outline color fromwindowTexttotransparent(#3775). - Fixed
Collapsibleexpand and collapse animation (#3779) - Fixed a bug in
Pagewhere re-rendering ofsecondaryActionscould cause layout jittering (#3641)
Development workflow
- Replaced Travis with GitHub actions (#3739)
Code quality
- Removed skipped accessibility tests and fixes component accessibility issues (#3721)
- Extracted
TagsWrapperfromFiltersfor testability (#3688)