New issue
Advanced search Search tips

Issue 779105 link

Starred by 4 users
Status: Available
Owner: ----
Cc:
jfernan...@igalia.com
r...@igalia.com
svil...@igalia.com
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Wrong position for orthogonal positioned element with writing-mode: vertical-rl

Project Member Reported by r...@igalia.com, Oct 27 2017 

Check the attached example it has a positioned item with "writing-mode: vertical-rl" and border.
The element appears out of the grid, which is wrong.
Without the border the issue is not reproducible.
abspos-vertical-rl.png
7.1 KB View Download

Comment 1 by r...@igalia.com, Oct 27 2017

abspos-vertical-rl.html
548 bytes View Download

Comment 2 by jfernan...@igalia.com, Oct 27 2017 

This issue is reproducible with regular blocks as well, see the attached test case.

I think there is nothing in the Grid Layout logic; the problem looks like in the upper classes handling the regular block layout.
abspos-vertical-rl-block.html
388 bytes View Download

Comment 3 by jfernan...@igalia.com, Oct 27 2017 

I've got a theory, still to be validated. I think the root cause of the issue is that LogicalLeft/LogicalTop is computed incorrectly for orthogonal flows using vertical-rl writing modes; probably using the wrong border edge (still need to verify whether there are similar issues with margin and padding)

Comment 4 by r...@igalia.com, Oct 30 2017

Components: -Blink>Layout>Grid Blink>Layout
Summary: Wrong position for orthogonal positioned element with writing-mode: vertical-rl (was: [css-grid] Wrong position for orthogonal positioned item with writing-mode: vertical-rl)
Yeah padding and margin have issues too.

Comment 5 by r...@igalia.com, Feb 12 2018

Blocking: -273898
The Grid Layout issue is fixed now, but the generic issue with regular blocks is still present.
►

Sign in to add a comment