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
In IE11, when the popper is near the viewport boundary, extra spacing is added to the page creating a scrollbar #636
Comments
This is not a Popper.js problem, you should apply an initial position to your popper element so that it doesn't cause any overflow (usually top 0 and left 0), we can't do that in Popper.js because it would already be too late. |
The problem is occurring because Popper is applying the style |
@FezVrasta I found a way to fix this with a minimal addition of code (just a few lines). Would you be open to a PR? |
Yes I'd be curious to see your proposed solution, but absolutely it's not a bug, maybe a not super clear behavior. Popper elements are supposed to be positioned (initially, by your CSS) in a way that doesn't cause overflows. |
The problem occurs because of the |
I had the same issue, but was able to get around it by disabling
|
@craigjennings11 Awesome - looks like that works! |
https://codepen.io/caseyjhol/pen/BVBOVL
Steps to reproduce the problem
What is the expected behavior?
The green
pop
element appears above the ref element and the rest of the page remains as is with no scrollbar.What went wrong?
Extra spacing is created below the ref element, creating a scrollbar.
This appears to work properly in all browsers except IE10 and IE11.
I'm using a click listener for the popper (and showing it using
display: block
to make the issue easier to see, but it persists without one as well (https://codepen.io/caseyjhol/pen/VdZGRY). This issue is the cause of twbs/bootstrap#24851. I go into more detail here: twbs/bootstrap#24851 (comment).The text was updated successfully, but these errors were encountered: