- Ensure search input uses Red Hat Text font
- Ensure search mechanism works with svg icon
- Remove references to Roboto and Arial fonts and replaced with Red Hat
- Use svg version of the search icon
- Update search input font from 1rem to fixed value of 16px
- Fix failing form submission on mobile
- Accessibility fix: add focus style on search button
- Adjustments to the position of the Search icon on mobile views
- Update web Components imports to use unpkg rather than cdn.my.
- Update position of search icon on mobile view
- Fix misaligned position of the icon on mobile views and strengthen the contrast between the background and foreground on hover effect
- Added default aria-disabled to Submit Search button
- Added click event listeners for search input
- Inform assistive technologies users when submitting empty search form and when searching begins by adjusting aria-live="assertive"
- Added role='search' to the search form
- Added aria-live="assertive" to announce searched activity
- Added mobile style for search input
- Added more components to local demo to test mobile search positioning
- Added
myuw-search
CustomEvent that exposes the value in the search field when a search is submitted
- Added CSS variable to explicitly set mobile search bar origin position (sets the value of
right
).
- Responsive theming support
- Now supports setting the
--myuw-search-border
CSS variable to better support theming.
- Give search toggle button a margin when form is expanded.
This patch adds attribute mirroring so that changes to observed attributes that occur after the initial load are correctly reflected in the component.