HTML container scrolls to top when its size is smaller than a SVG and one element is focused using mouse or tab navigation
Categories
(Core :: SVG, defect, P3)
Tracking
()
People
(Reporter: arellano.nvs, Unassigned)
References
(Regression)
Details
(Keywords: regression)
Attachments
(1 file)
7.01 KB,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36
Steps to reproduce:
This issue has been observed while scrolling down to focus one of a SVG elements. Once a SVG element gains focus, html container holding the SVG, scrolls to top creating an awful user experience.
Prerequisites:
1.- Have a SVG inside a HTML container
2.- SVG elements shall be focusable ( tabindex="0" )
3.- HTML container size shall be smaller than SVG
Steps to reproduce ( Scenario 1 ):
1.- Launch a web page on latest version of Firefox ( i.e.: 69.0.3 )
2.- Scroll down to the bottom and press any SVG element ( i.e.: BUTTON2 )
Steps to reproduce ( Scenario 2 ):
1.- Launch a web page on latest version of Firefox ( i.e.: 69.0.3 )
2.- Scroll down to bottom and press any SVG element other than the last one ( i.e.: BUTTON1 ); container will scroll up.
3.- Scroll down until focused element is visible and press "tab" key.
Actual results:
SVG element is focused, but HTML container is scrolling to top losing the original position
Expected results:
SVG element is focused, so HTML container remains in the same position, even when it contains a scrollbar.
Comment 1•5 years ago
|
||
Regression window:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=44edb08719bfeff657a6c2d461bba07bc4345a37&tochange=f33e41f8366b58cc9740e1c71b20f4cdde632398
Regressed by: Bug 778654
Comment 2•5 years ago
|
||
Thanks for the bug report. I agree that we shouldn't be scrolling to the position of the inline <svg>
element (which is what I think is happening, if I insert a sibling <p>
element just before the <svg>
).
Updated•5 years ago
|
Updated•3 years ago
|
Updated•2 years ago
|
Comment 4•6 months ago
|
||
you can see on https://oulipoh.com/resen/seasons tabbing focuses the <a> in the <svg> but the scroll moves to the beginning of the <svg>. works ok on chromium
Description
•