-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[UI shell] [react] Last header menu item dropdown is not expanded on click #4718
Comments
Interesting, running it locally I'm not running into any issues when I add in another MenuItem... But I see the issue when I checkout the CodeSandbox. Seems like this may be fixed in the newest release when it's released. I'm seeing a bunch of fixes for UI-Shell that are not out yet: v10.9.2...master |
Hit this issue as well. If I empty/remove or put them after |
@ndite like I said, I'm not seeing this locally so I'm hoping this issue will be resolved when we publish our next release |
Still happens with the module published 4 days ago (10.9.3, 7.9.3) https://codesandbox.io/s/header-with-actions-and-nav-qre4k At this time the issue can be seen here too: https://www.carbondesignsystem.com/components/UI-shell-header/code#header-with-actions-and-nav |
Hmm, getting an error when trying to view the latest CodeSandbox.. |
i think the will-change: transform of icon svg effect this behavior. |
@xxxle0 would simply removing this fix the issue? |
yep you can test it in codeSandbox by remove will-transfer in 3 svg icon |
While using Header menu and header menu items the last menu item is not expanded.
Packages and components used:
HeaderNavigation,
HeaderMenu,
HeaderMenuItem
carbon-components
carbon-components-react
Detailed description
Please navigate to this codesandbox url and click the
Link 5
menu item thenLink 4
.When I click
Link4
the sub menu items open and close properly whereas when I clickLink 5
the sub menu items open and close immediately. Also just clicking theLink 5
when theLink 4
is clicked theLink 5
sub menu items open.Yes. React UI Shell with Header actions and Nav
On clicking the menu item it should be active(expanded).
Google
https://codesandbox.io/s/header-with-actions-and-nav-2pf3p
The text was updated successfully, but these errors were encountered: