[Webkit-unassigned] [Bug 241983] CSS Relative Position Resetting Flex Container Position on Zoomed View

[bugzilla-daemon at webkit.org]

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

--- Comment #3 from Shein Lin Phyo <sheinlinphyo at gmail.com> ---
(In reply to Simon Fraser (smfr) from comment #2)
> Both your links are the same, but when I zoom I see the bug.
> 
> Does this occur if it's not nested inside <foreignobject> in SVG?

Oh, I am so sorry. Here is the working one.
https://raw.githubusercontent.com/Penguinlay/Penguinlay/9fbe1cb6fbc83125a69c3e86ccf2f505641dd64b/data/images/metrics.svg

The bug image (again) for reference.
https://raw.githubusercontent.com/Penguinlay/Penguinlay/29d8279978379b60405bd8d1d42f5468cdcf1312/data/images/metrics.svg

## Reproduction

I fixed the issue by resetting the position to static from relative.
https://github.com/Penguinlay/Penguinlay/commit/29d8279978379b60405bd8d1d42f5468cdcf1312

Side by side comparison before and after resetting the position to static:
https://github.com/Penguinlay/Penguinlay/commit/9fbe1cb6fbc83125a69c3e86ccf2f505641dd64b

## Bug
I am not sure if it is limited to being nested inside <foreignobject>. I am gonna test it out now and let you know. But, I got a couple of clues I observe. 
1. You will see via "start element selection" in inspect element menu that the selection highlight are at the correct place. Just the rendering is out of place. Hope this would be helpful in debugging.
2. This bug can be reproducible in WebView, mobile Safari and MacOS Safari regardless of the OS or iOS version (I tested with my sister's devices which are in latest stable while mine are in latest developer betas.

-- 
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/20220628/3e926ff8/attachment.htm>