Skip to content
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.

Sign up for GitHub

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

Jump to bottom

[ic-side-navigation]: Labels and icons disappear when switching between an open mobile, desktop then mobile variant. #886

Closed
jd239 opened this issue Jul 12, 2023 · 1 comment
Closed

[ic-side-navigation]: Labels and icons disappear when switching between an open mobile, desktop then mobile variant. #886

jd239 opened this issue Jul 12, 2023 · 1 comment
Labels
side-navigation component The generic component, includes both the web component and the React component type: bug 🐛 Something isn't working
Milestone
V2.x

Comments

@jd239
Copy link
Contributor

jd239 commented Jul 12, 2023

Summary of the bug

The menu icons and labels disappear when switching between an open navigation menu to desktop to mobile. This may be due to the styling set within the resizeObserver.

🪜 How to reproduce

Tell us the steps to reproduce the problem:

  1. Go to page: https://mi6.github.io/ic-ui-kit/branches/develop/?path=/story/web-components-side-navigation--default-story
  2. Using the 'Default' story, set the browser size to mobile. Open the side navigation and leave open while increasing the browser screen to medium and then back to mobile.
  3. See the error

🧐 Expected behaviour

The mobile variant should be showing the icons and labels for each menu item.

📸 Screenshots or code

Capture

🖥 Desktop

  • OS: Windows
  • Browser: Chrome
  • Version: 114

📱 Mobile

N/A

Additional info

N/A
@jd239 jd239 added type: bug 🐛 Something isn't working side-navigation component The generic component, includes both the web component and the React component labels Jul 12, 2023
@jd239 jd239 added this to the V2.x milestone Jul 12, 2023
@GCHQ-Developer-847
Copy link
Contributor

Duplicate of #739

@GCHQ-Developer-847 GCHQ-Developer-847 marked this as a duplicate of #739 Jul 17, 2023
@GCHQ-Developer-847 GCHQ-Developer-847 closed this as not planned Won't fix, can't repro, duplicate, stale Jul 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
side-navigation component The generic component, includes both the web component and the React component type: bug 🐛 Something isn't working
Projects
Intelligence Community Design System
Archived in project
Milestone
V2.x
Development

No branches or pull requests
2 participants
@GCHQ-Developer-847 @jd239