[Webkit-unassigned] [Bug 189513] New: Wrong static position for out-of-flow positioned element with different writing-mode than its containing block
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Tue Sep 11 12:09:43 PDT 2018
https://bugs.webkit.org/show_bug.cgi?id=189513
Bug ID: 189513
Summary: Wrong static position for out-of-flow positioned
element with different writing-mode than its
containing block
Product: WebKit
Version: WebKit Nightly Build
Hardware: Unspecified
OS: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
Assignee: webkit-unassigned at lists.webkit.org
Reporter: obrufau at igalia.com
Run this code: http://jsfiddle.net/4pqcexn5/
```css
#container {
position: relative;
border: 5px solid;
padding-left: 100px;
}
#container > * {
writing-mode: vertical-lr;
}
#abspos {
position: absolute;
}
```
```html
<div id="container">
<div id="abspos">abspos</div>
<div id="static">static</div>
</div>
```
The abspos element has all 'top', 'left', 'bottom' and 'right' properties set to 'auto', so it should appear at the static position.
However, instead, of being shifted 100px to the right due to padding-left, it's shifted 100px downwards.
The text 'abspos' should overlap 'static'.
This happens when an absolutely (or fixed) positioned element has a different writing mode than its containing block.
Chromium is also affected, Firefox does it right.
--
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/20180911/e285661b/attachment.html>
More information about the webkit-unassigned
mailing list