1331481 - Scrollbar thumb cannot be dragged when CSS filter property set on container

Status: RESOLVED DUPLICATE of bug 1331693

(Core :: Layout, defect)

Description

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Attachment: STR-patch.diff

In some circumstances the scrollbar thumb cannot be dragged when the CSS filter property set on a container. The planets all need to be aligned properly so I have done my best to make the STR reproducible.

NOTE: I STRONGLY SUGGEST WATCHING BrokenThumb.mp4 to see a video of me reproducing the issue.

STR

1. Apply STR-patch.diff and build.
2. Open event.html;
3. Right-click and inspect the "Click me!" button.
4. Click the "ev" bubble next to the button tag in the Inspector.
6. In the "doorhanger" try to scroll by using the mouse to drag the scrollbar thumb and it will not scroll.
5. Open the browser toolbox;
6. In the browser toolbox click "Inspect" and then click on the first red bordered box in the "doorhanger."
7. In the browser toolbox select the first parent of the selected node that has "tooltip-container" in the className.
8. In the browser toolbox sidebar make sure the "Rules" view is selected.
9. In the .tooltip-container CSS class disable the following line: "filter: drop-shadow(0 3px 4px var(--theme-tooltip-shadow));"
10. The "doorhanger" will go slightly transparent but, strangely, the scrollbar now works when you move it's thumb with the mouse.

Enabling the filter will stop the scrollbar working again.

Comment 1

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Attachment: BrokenThumb.mp4

Comment 2

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Attachment: event.html

Comment 3

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Attachment: event.html

Comment 4

[Timothy Nikkel (:tnikkel)]

This sounds similar to bug 1331693.

Comment 5

[Botond Ballo [:botond]]

Confirmed that the patch for bug 1331693 fixes this.