-
-
Notifications
You must be signed in to change notification settings - Fork 78.9k
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
When I try to select and highlight code from examples the page will automatically scroll to the bottom. #39605
Comments
I tried to select the code from examples but nothing happened as such scrolling to the bottom of the page |
I had same issue on the following page. https://getbootstrap.com/docs/5.3/customize/css-variables/ OS: Windows11 |
can reproduce on edge and chrome (windows 11), no issues on firefox, seems to only be happening on examples with an horizontal scrollbar |
Thanks for reporting this issue @Alike73 |
I am also facing this problem. I am using Windows 11 Developer edition and Brave browser. I am trying to copy the code by selecting the lines but page is automatically scroll down. |
I also face this problem. Doesn't happen on firefox-esr 115.7
yes, indeed |
So glad it's not just me. I've lost track of the number of times I've gone to copy a single classname only to have the page fly down to the bottom. Like those above me, in Win 10. Can replicate in Chrome and Edge, but not Firefox and only when selecting text from code sections with a horizontal scrollbar. |
Thank you, everyone, for confirming the various OS/browser combinations. I successfully replicated the issue using this configuration. Interestingly, when I performed the same steps on the To streamline communication and avoid unnecessary comments, could you kindly verify and confirm whether you observe the same behavior (NOK in v5.3 and OK in v5.2)? Please express your findings using the reactions (👍 or 👎) to this comment. Once confirmed, I will proceed with identifying the commit responsible for this behavior in the commit history. Thanks in advance for your contributions and tests, very much appreciated! |
Thanks for the confirmation, good team effort :) I think I've managed to find the commit introducing this behavior:
I don't have time right now to find a solution but the idea would be to keep what's been introduced in d0fece9 (the feature) and to fix the behavior you spotted. |
there's a chromium issue regarding this bug now https://bugs.chromium.org/p/chromium/issues/detail?id=1522957&q=scroll-margin-top&can=2 |
ok guys, i've found the problem, and is a CSS problem related to see: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top |
I no longer observe this issue on Chrome Version 121.0.6167.185 (Official Build) (64-bit). |
Seems fixed for me too on (arm64) |
If I understand well the threads from https://issues.chromium.org/issues/41495817 and https://bugs.chromium.org/p/chromium/issues/detail?id=1522957&q=scroll-margin-top&can=2, a fix has been provided for M122 and backported to M121. |
Fixed for me on edge |
According to https://chromium.googlesource.com/chromium/src.git/+log/refs/branch-heads/6167, it seems that it should be resolved updating to latest version of Chrome (or at least 121.0.6167.175). I guess it has been backported to each Chromium based browser. |
Prerequisites
Describe the issue
When I try to select and highlight code from examples on the site(https://getbootstrap.com/docs/5.3/components/modal/) the page will automatically scroll to the bottom.
Reduced test cases
N
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
Currently v5.3.2
The text was updated successfully, but these errors were encountered: