* fix(menu): add basic accessibility features
* fix(menu): add focus trapping
* test(menu): add test for focus trapping
* style(menu): lint fixes
* fix(menu): focus first element inside instead of whole menu
* test(menu): fix focus trap test to account for new behavior
* refactor(menu): pull focus handler into its own prop
* test(menu): add a11y testing
* fix(menu): prevent nested aria landmark from header inside menu
* fix(menu): revert switch to nav element
* fix(menu): remove unnecessary import from test
* fix(menu): allow for custom aria-label
* fix(menu): move nested ARIA role logic to header for flexibility
* fix(item): only add focusable class if it actually is focusable
* fix(menu): allow focusing of menu itself, for a11y on menus with no focusable children
* fix(item): move isFocusable logic to state for better reactivity
* perf(item): only grab one focusable child
* fix(menu): hide page content from screen readers when menu is open
* fix(menu): fallback to focusing host element
* docs(menu): add comments
Co-authored-by: Liam DeBeasi <liamdebeasi@icloud.com>
* begin fix collapsible title with multi toolbars
* fix back button
* adjust large title positioning
* a few adjustments
* remove whitespace
* add types
* fix type
* make requested changes
* add e2e
* add RTL support
* fix typo
* add info on how to make collapsable title
* add usage examples
* fix typo
* fix another typo
* fix typos
* update usage
* fix alpha order
* update api
* add class to collapse buttons
* merge
* update
* change back to collapse
* remove platform specific class
* update docs
* run build
* update api again
* run build
This updates the components and the docs so that translucent is only applied when backdrop filter is supported, this prevents it from being applied when viewing iOS in Chrome, for example.
closesionic-team/ionic-docs#666
- Removes the padding from the main toolbar and individually style the components inside of it
- Adds a `has-icon-only` class to button, this is used to switch between `unbounded` and `bounded` ripples on buttons in a toolbar. If the button is clear and only has an icon, we use the unbounded "circular" ripple effect, otherwise still use the bounded one. This matches the MD spec, without making the other buttons look off.
- Using the class above, style the button differently to match the MD spec
- Updates the back button and menu button to use the proper size / icon size
- Removes the opacity on an activated back button, it should use the ripple for activated
- Moves the margin to the slots in a toolbar by grabbing the "first" and "last" slot and applying a class to them
- Makes the segment in a toolbar use the min height from the toolbar
- Updates the back button so that it matches the MD spec
- Updates the header box shadow to use the old v3 datauri
fixes#16950fixes#14444
- removes mode-less component classes from the internal CSS, use element instead
- adds mode specific classes `md` or `ios` for styling inside of shadow components
- adds e2e test that verifies mode classes exist on all ionic components, plus checks for specific classes that the components need for internal styling
fixes#17608
