Bug 256995 – horizontal scrollbars unusable with rtl element

• Component: Scrolling
• Status: RESOLVED FIXED

[Luke Warlow]

data:text/html,<div class="container"> <div class="content">thin</div> </div> <style> .container { overflow-x: auto; height: 200px; width: 200px; direction: rtl; background: lightsalmon; } .content { width: 300px; } </style>

If you copy the above data url and open it in Safari on macOS (with non-overlay scrollbars visible), and try to scroll the content you wont be able to.

This works as expected in Chrome and Firefox.

[Karl Dubost]

Created attachment 466412 [details]
rendering in safari, firefox, chrome

I could scroll horizontally with the trackpad on a MacBook.

Tested on macOS 13.4
---
Safari Technology Preview  170           18616.1.14.5
Firefox Nightly            115.0a1       11523.5.10
Google Chrome Canary       115.0.5762.0  5762.0

[Luke Warlow]

Apologies to clarify I specifically meant I couldn't drag the scrollbar to scroll I could scroll using other mechanisms.

I'd have to double check but I also don't believe the scrollbar hover effect worked which makes me think it's an issue with the hit testing code.

[Radar WebKit Bug Importer]

<rdar://problem/109858866>

[Ahmad Saleem]

Most probably similar to 250207?

Or bug 249187 (if using mouse - but not horizontal case).

[Ahmad Saleem]

(In reply to Ahmad Saleem from comment #4)
> Most probably similar to 250207?
> 
> Or bug 249187 (if using mouse - but not horizontal case).

You can see my fail PR attempt for first case here: https://github.com/WebKit/WebKit/pull/8355

[Simon Fraser (smfr)]

<rdar://104944522>

[Simon Fraser (smfr)]

Pull request: https://github.com/WebKit/WebKit/pull/22189

[EWS]

Committed 272466@main (d7611e7b6b1a): <https://commits.webkit.org/272466@main>

Reviewed commits have been landed. Closing PR #22189 and removing active labels.