question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unresponsive length of Navbar

See original GitHub issue

Describe the bug On the simulator page on md size devices, when the navbar is opened it flexes to around the half-length of the page and then returns to the expected length.

To Reproduce Steps to reproduce the behavior:

  1. Go to the simulator page on medium-screen size devices.
  2. Open the Navbar.
  3. Drag and keep the quick tools outside the navbar area.
  4. Now close the navbar again and then open it again.
  5. See error.

Expected behavior The navbar opens without flexing to an extra length.

Screenshots If applicable, add screenshots to help explain your problem.

https://user-images.githubusercontent.com/61188295/155983944-ec90bf15-3d0a-4c6c-9328-3660f13dfda5.mp4

Device Information [optional]:

  • OS: Windows
  • Browser Chrome
  • Version [e.g. 22]

Additional context Add any other context about the problem here.

Are you working on this issue? (Yes/No) Yes, once approved by community members

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
vedant-jain03commented, Mar 4, 2022

@Dnouv actually I have tagged core-team, so expecting one from behalf of them.

0reactions
Dnouvcommented, Mar 4, 2022

Hey @vedant-jain03 from whom shall we get this issue reviewed please let me know. Thank you!

Read more comments on GitHub >

github_iconTop Results From Across the Web

navbar not being responsive if the screen size is reduced
It works fine but when I reduced the size of the screen it should collapse vertically just like the classic examples given in...
Read more >
Navbar · Bootstrap v5.2
Documentation and examples for Bootstrap's powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including ...
Read more >
Navbar toggler not working? : r/bootstrap - Reddit
When you shrink the screen to mobile size, the navbar switches to a toggle icon, but it doesn't do anything - doesn't expand...
Read more >
Responsive Navbar Tutorial - YouTube
In this video I am going to walk-through the process of creating a quick and simple responsive navigation menu.
Read more >
Bootstrap 4 Navigation Bar - W3Schools
With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found