Skip to content

fix(labs): nav rail menu button doesn't stay pressed while expanded - #6111

Open
MahmoodKhalil57 wants to merge 1 commit into
material-components:mainfrom
MahmoodKhalil57:fix/gb-navrail-menu-button
Open

MahmoodKhalil57 wants to merge 1 commit into
material-components:mainfrom
MahmoodKhalil57:fix/gb-navrail-menu-button

Conversation

@MahmoodKhalil57

Copy link
Copy Markdown

The built-in menu button of a collapsible md-gb-nav-rail keeps the ripple's pressed state layer for as long as the rail is expanded, so it looks held down. The button opens and closes the rail, and its icon already changes between menu and menu_open to show the state. With this change, the pressed opacity is 0 while aria-expanded is true, unless someone is pressing the button.

The change is one rule in labs/gb/components/navrail/nav-rail.scss.

To reproduce, press and release the menu button of a collapsible rail. The pressed layer stays visible until the rail collapses.

The built-in menu button of a collapsible md-gb-nav-rail kept the ripple's
pressed state layer for as long as the rail was expanded, so it looked held
down. The button opens and closes the rail, and its icon already changes
between menu and menu_open to show the state. The pressed opacity is now 0
while aria-expanded is true, unless someone is pressing the button.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant