-
Notifications
You must be signed in to change notification settings - Fork 26
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
Side nav displays on small screen as empty after opening and changing screen width #739
Labels
side-navigation component
The generic component, includes both the web component and the React component
Milestone
Comments
GCHQ-Developer-847
added a commit
that referenced
this issue
Jul 14, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
GCHQ-Developer-847
added a commit
that referenced
this issue
Jul 14, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
This was referenced Jul 17, 2023
GCHQ-Developer-847
added a commit
that referenced
this issue
Jul 17, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
GCHQ-Developer-847
added a commit
that referenced
this issue
Jul 18, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
GCHQ-Developer-847
added a commit
that referenced
this issue
Jul 18, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
GCHQ-Developer-847
added a commit
that referenced
this issue
Jul 18, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
GCHQ-Developer-530
pushed a commit
that referenced
this issue
Jul 20, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
GCHQ-Developer-530
pushed a commit
that referenced
this issue
Jul 21, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
jd239
pushed a commit
that referenced
this issue
Jul 24, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
jd239
pushed a commit
that referenced
this issue
Jul 24, 2023
… content is correct Update side navigation CSS so that the visibility is handled by just the 'menu-visibility-visible' class instead of in the media query, remove unused classes in ic-navigation-group CSS. .#739
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
side-navigation component
The generic component, includes both the web component and the React component
Summary of the bug
When there is a side navigation component on a small screen (so that it appears across the top of the screen), if you open the menu and then increase and decrease the screen width, an empty menu is displayed.
🪜 How to reproduce
🧐 Expected behaviour
The menu should display the navigation items as normal. (Or should it just be collapsed again? Worth checking with a designer maybe).
📸 Screenshots or code
🖥 Desktop
On Safari and Firefox, the nav items appear for a second and then disappear.
Additional info
Make sure to check that the fix works with slotted links as well.
The text was updated successfully, but these errors were encountered: