Closed Bug 1677681 Opened 4 years ago Closed 3 years ago

Firefox scrollbar thumb bug with div inside svg

Categories

(Core :: DOM: Core & HTML, defect)

Firefox 82
defect

Tracking

()

RESOLVED INCOMPLETE

People

(Reporter: jddunlap, Unassigned)

Details

Attachments

(1 file)

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.

Component: Untriaged → DOM: Core & HTML
Product: Firefox → Core

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?

Flags: needinfo?(jddunlap)
Status: UNCONFIRMED → RESOLVED
Closed: 3 years ago
Resolution: --- → INCOMPLETE
Flags: needinfo?(jddunlap)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: