RESOLVED DUPLICATE of bug 219005 Bug 264158
Support devicePixelContentBoxSize with ResizeObserver
https://bugs.webkit.org/show_bug.cgi?id=264158
Summary Support devicePixelContentBoxSize with ResizeObserver
Gregg Tavares
Reported 2023-11-03 07:44:10 PDT
Created attachment 468470 [details] example showing the need for devicePixelContentBoxSize It's impossible to get the correct sizes for elements in Safari because it does not support devicePixelContentBoxSize with ResizeObserver See attached example: it makes 3 elements each 33% the size of their parent Asking the sizes via ResizeObserver or via getBoundingClientRect shows all 3 elements return the exact same size but take a screenshot measure and you'll see the center element is 200 device pixels where as the left and right elements are 199 device pixels This is one of the things that devicePixelContentBoxSize is for. Finding out the actual sizes of elements for pixel perfect rendering Try it in Firefox or Chrome and they'll tell you the sizes via devicePixelContentBoxSize
Attachments
example showing the need for devicePixelContentBoxSize (1.61 KB, text/html)
2023-11-03 07:44 PDT, Gregg Tavares
no flags
rendering in safari, firefox, chrome (300.96 KB, image/png)
2023-11-20 06:04 PST, Karl Dubost
no flags
Radar WebKit Bug Importer
Comment 1 2023-11-10 06:45:14 PST
Karl Dubost
Comment 2 2023-11-20 06:04:25 PST
Created attachment 468678 [details] rendering in safari, firefox, chrome devicePixelContentBoxSize.inlineSize is undefined in Safari.
Note You need to log in before you can comment on or make changes to this bug.