[Webkit-unassigned] [Bug 244357] New: overflow overlay missing

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=244357

            Bug ID: 244357
           Summary: overflow overlay missing
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Scrolling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jab_creations at yahoo.com
                CC: simon.fraser at apple.com

While working on a graphically rich visual design I noticed that the text on the second row was not properly centered with the text on the first row. The second row had a scrollbar and thus the scrollbar's width offset the position of the text on the second row which made it look unprofessional.

After some research I came across overflow: overlay; and it immediately fixed the issue! Well, at least in Blink/Chrome.

In the DOM Inspector Safari 15.6 shows both overflow: overlay; and overflow-y: overlay; without any complaints however the text on the two rows is clearly not centered.

 - I could theoretically superficially muck up my code and add some horizontal margin to try to balance it out however that is a temporary fix and not cross-browser compatible (would break Blink/Chrome).

 - The caniuse website suggests that it was deprecated in favor of scrollbar-gutter...did...did anyone actually ready what scrollbar-gutter does?! I could theoretically use it on the first row instead of overflow: overlay for the scrolling parent of the second row...however Safari doesn't support this either. Though scrollbar-gutter is at best an inverted approach and while welcome in it's own right over-complicates things in this scenario.

 - I can't use scrollbar-width because it's total subjective trash that has zero cross-browser OR cross-platform compatibility because Apple, Google, Microsoft and Mozilla will NOT inherently agree to what "thin" means and the fools working on it refused to implement ANY STANDARD EXISTING VALUES thus absolutely negating the point of that CSS property. ��︀

 - Safari apparently supported overflow: overlay;...and then someone disabled it internally...why?!

So someone please plug that part of the code back in and tell whoever broke it to leave it alone!

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220825/4cd677fc/attachment-0001.htm>