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.

Dropdown menu is misplaced when page scroll bar is not visible

See original GitHub issue

Describe the bug When the page has scroll bar, everything is fine. When the scroll bar is not visible, the dropdown menu is misplaced.

Screenshots

  • This is when the page do not have scroll bar

Annotation 2019-10-30 100237

  • And this is with scroll bar

Annotation 2019-10-30 100137

You can see the difference clearly. I just upgrade to the latest version I also tried

body {
  position: relative;
}

in styles

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:22 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
slavedecommented, Apr 27, 2020

Here it is if you don’t believe issue (it’s forked example from official examples)

https://stackblitz.com/edit/angular-6c2svw?file=src%2Fbindings-default-example.component.ts

5reactions
slavedecommented, Feb 25, 2020

I’ve opened PR that fixes this. Hopefully, it gets in asap and new version is tagged.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Removing scrollbar from horizontal navigation with a ...
1 Answer 1 · Try to identify your dropdown menu item, give it a class or something that allows you to check if...
Read more >
CSS Drop Down Menu hidden behind horizontal scrollbar
I am almost finished with my project - except for one thing = my CSS Drop Down Menu is hidden behind my horizontal...
Read more >
Scroll bar not working/also can't select from drop down menu
Scroll bar not working/also can't select from drop down menu · 1. Click Start, and then click Run. · 2. In the Open...
Read more >
Windows Tip: How To Stop The Disappearing Scroll Bar
Go to Settings / Ease of Access / Display and turn off Automatically hide scroll bars in Windows. Scroll bars will then always...
Read more >
DropDown is non scrollable and content is hidden below fold
I added the CSS snippet and the problem is fixed partially, but the as soon as I try to to go the scrollbar...
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