Firefox scrollbar thumb bug with div inside svg
Categories
(Core :: DOM: Core & HTML, defect)
Tracking
()
People
(Reporter: jddunlap, Unassigned)
Details
Attachments
(1 file)
629 bytes,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:82.0) Gecko/20100101 Firefox/82.0
Steps to reproduce:
Created an HTML file with a scrollable <div> inside an svg <foreignObject> and tried to scroll it. The HTML is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<title>FF SVG scroll bug</title>
</head>
<body>
<div style="overflow: auto">
<div style="height: 200px">Space to offset the next div</div>
<div style="height: 640px;">
<svg width="1000" height="640">
<foreignObject width="1000" height="600">
<div style="overflow: auto; height: 600px; width: 980px;">
<div style="height: 10000px">Some long content</div>
</div>
</foreignObject>
</svg>
<svg><circle r="5"></circle></svg>
</div>
</div>
</body>
</html>
Actual results:
When dragging the scrollbar thumb, it (and the div's scroll position) is offset from the cursor position by the div's own y position rather than tracking under the cursor.
Expected results:
The scroll thumb should maintain the same position relative to the cursor as when the drag operation started.
Updated•4 years ago
|
Comment 1•4 years ago
|
||
Thanks for reporting this issue.
I tried to drag the scrollbar thumb, but I didn't see any obvious issue, but I could miss something.
Could you maybe upload a video to show the issue you meet? And do you still see this issue on the latest Nightly with a clean profile?
Updated•3 years ago
|
Updated•3 years ago
|
Description
•