Page is not scrolling when background attachment is fixed.
Categories
(Core :: Panning and Zooming, defect)
Tracking
()
People
(Reporter: h3ckphy, Unassigned)
References
Details
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36
Steps to reproduce:
Link: http://r.test.mirsaitov.pw/bug/.
Scroll down to the section with woman (after dish menu).
I created a wrapper for the whole page content - div with class name "page". I set height to 100% to html, body and that div.page. In devtools you can see that there is "scroll" on div.page element.
I created some sections with background attachment fixed (dish menu and section with woman). Section with woman goes after menu.
Actual results:
When my mouse is over empty area of section with woman the page is not scrolling. I checked that there is no such problem in other browsers. Try to remove background attachment from section with woman and you'll see, that bug dissappears. Or you can disable height: 100% of div with class "page".
Expected results:
Normal page scrolling
|
||
Comment 1•3 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Panning and Zooming' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
|
||
Comment 2•3 years ago
|
||
I tried to reproduce but the page scrolled fine for me in the section with the picture of the woman.
Do I need to make some changes to the page in devtools for the problem to happen?
(In reply to Timothy Nikkel (:tnikkel) from comment #2)
I tried to reproduce but the page scrolled fine for me in the section with the picture of the woman.
Do I need to make some changes to the page in devtools for the problem to happen?
Please, share a link so I can see maybe you reproduced it wrong.
(In reply to Release mgmt bot [:sylvestre / :calixte / :marco for bugbug] from comment #1)
The Bugbug bot thinks this bug should belong to the 'Core::Panning and Zooming' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
Sorry, but I don't know what is Core::Panning and Zooming
|
|
||
Comment 5•3 years ago
|
||
(In reply to h3ckphy from comment #3)
(In reply to Timothy Nikkel (:tnikkel) from comment #2)
I tried to reproduce but the page scrolled fine for me in the section with the picture of the woman.
Do I need to make some changes to the page in devtools for the problem to happen?
Please, share a link so I can see maybe you reproduced it wrong.
I'm trying to reproduce on the link you provided http://r.test.mirsaitov.pw/bug/ is that not what I should be using?
(In reply to h3ckphy from comment #4)
(In reply to Release mgmt bot [:sylvestre / :calixte / :marco for bugbug] from comment #1)
The Bugbug bot thinks this bug should belong to the 'Core::Panning and Zooming' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.
Sorry, but I don't know what is Core::Panning and Zooming
That's just an automated system to try to get the bug in front of the right people, you don't need to worry about it.
(In reply to Timothy Nikkel (:tnikkel) from comment #2)
I tried to reproduce but the page scrolled fine for me in the section with the picture of the woman.
Do I need to make some changes to the page in devtools for the problem to happen?
Look, I tried reproduce it from scratch and encountered it again:
https://codepen.io/h3ckphy/pen/porEBdg
(In reply to Timothy Nikkel (:tnikkel) from comment #2)
I tried to reproduce but the page scrolled fine for me in the section with the picture of the woman.
Do I need to make some changes to the page in devtools for the problem to happen?
You don't have to make changes. Just put your cursor in empty side areas of section with woman photo
|
||
Comment 8•3 years ago
|
||
I can reproduce the issue with the codepen in Firefox93 Windows10.
And, It seems to have fixed by 1730856 in Firefox94beta.
|
|
||
Comment 9•3 years ago
|
||
Thanks for that, I was also able to reproduce. This bug was fixed in bug 1730856. The fix will be in version 94 when it is released Nov 2. I'll mark this as a duplicate of bug 1730856.
|
Reporter | |
Comment 10•3 years ago
|
||
Thank you all. But what should I do with my website? Should I find some work around, rebuilt my section or leave it the same?
|
|
||
Comment 11•3 years ago
|
||
(In reply to h3ckphy from comment #10)
Thank you all. But what should I do with my website? Should I find some work around, rebuilt my section or leave it the same?
You can try to find a work around or just wait for the bug fix to get released on Nov 2.
Description
•