[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 #4 from Shein Lin Phyo <sheinlinphyo at gmail.com> ---
## TL;DR

The bug only happens inside <foreignobject>.

## Minimal Reproduction

```html
<style>
    .container {
        align-items: center;
        background-color: lightblue;
        display: flex;
        flex-direction: column;
        height: 80px;
        width: 80px;
    }

    .item {
        position: relative;
    }
</style>

<div>
    <div class="container">
        <div class="item">9</div>
    </div>
</div>
```
This works fine.

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
    <foreignObject x="0" y="0" width="100%" height="100%">
        <style>
            .container {
                align-items: center;
                background-color: lightblue;
                display: flex;
                flex-direction: column;
                height: 80px;
                width: 80px;
            }

            .item {
                position: relative;
            }
        </style>
        <div xmlns="http://www.w3.org/2000/xhtml" xmlns:xlink="http://www.w3.org/2000/xlink">
            <div class="container">
                <div class="item">9</div>
            </div>
        </div>
    </foreignObject>
</svg>
```
The is buggy whether xmlns and xmlns:xlink of div are of the year 1999 or 2000.

-- 
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/bc93c45f/attachment-0001.htm>