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.

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

Header Base w/navigation not displaying navigation at breakpoint width 1056px #5157

Closed
2 tasks done
fsegu002 opened this issue Jan 23, 2020 · 2 comments · Fixed by #5238
Closed
2 tasks done

Header Base w/navigation not displaying navigation at breakpoint width 1056px #5157

fsegu002 opened this issue Jan 23, 2020 · 2 comments · Fixed by #5238

Comments

@fsegu002
Copy link
Contributor

What package(s) are you using?

  • carbon-components@10.9.1
  • carbon-components-react@7.9.1

Describe the bug

When screen width is at exactly 1056px (breakpoint transition) navigation is not visible.

To Reproduce

Steps to reproduce the behavior:

  • Open browser and navigate to Header Base w/navigation demo page
  • Open developer tools
  • Set "Responsive" mode and width to 1056px
  • No navigation links are displayed
  • Expected behavior
  • Layout should display desktop navigation links from this breakpoint and greater.

image

@asudoh
Copy link
Contributor

asudoh commented Jan 31, 2020

Tried http://react.carbondesignsystem.com/iframe.html?id=ui-shell--header-base-w-navigation today. With smaller real screen estate as this issue describes, it now shows hamburger icon at the left and clicking on that will show the nav content. Let us know if it's not the case and we can reopen.

@asudoh asudoh closed this as completed Jan 31, 2020
@fsegu002
Copy link
Contributor Author

Tried http://react.carbondesignsystem.com/iframe.html?id=ui-shell--header-base-w-navigation today. With smaller real screen estate as this issue describes, it now shows hamburger icon at the left and clicking on that will show the nav content. Let us know if it's not the case and we can reopen.

Thanks @asudoh, but this issue persist. The problem here can be reproduced at width 1056px exactly, like I specified in the issue. Please try that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants