WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED WORKSFORME
156798
Abspos flex item static position
https://bugs.webkit.org/show_bug.cgi?id=156798
Summary
Abspos flex item static position
Greg Whitworth
Reported
2016-04-20 11:01:06 PDT
The specification[1] was updated over a year ago to change the static position of an abspos item. To test this: 1. Open
http://jsbin.com/xowulasica/edit?html,css,output
2. You should only see a blue square Expected --------------- You should only see a blue square Actual --------------- You see a blue and green square [1]
https://drafts.csswg.org/css-flexbox/#abspos-items
Attachments
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2016-06-09 12:26:25 PDT
<
rdar://problem/26724633
>
Daniel Holbert
Comment 2
2016-11-02 11:34:58 PDT
Note: the testcase/expectations in
comment 0
do not quite match the latest spec text here. Currently, the CSS Align spec basically says that the flex container's "align-items" value should be ignored for abspos children. (And Greg's original testcase here depends on it being honored for abspos children.) See notes on
https://bugs.chromium.org/p/chromium/issues/detail?id=661662
for more details. Here's a modified version of the original testcase, which uses "align-self: center" on all children, rather than "align-items: center" on the parent. This should still be a valid testcase for this bug.
http://jsbin.com/yudabaxiyo/1/edit?html,css,output
Expected --------------- You should only see a blue square
Daniel Holbert
Comment 3
2016-11-02 15:07:31 PDT
(In reply to
comment #2
)
> This should still be a valid testcase for this bug. >
http://jsbin.com/yudabaxiyo/1/edit?html,css,output
FWIW, this testcase gives "expected" results in these recent versions of all other major web engines: * Chrome 54 (latest release) * Edge 14 (latest release) * Firefox Nightly 52 (2016-11-02), where this was only fixed in the past few days.
Sergio Villar Senin
Comment 4
2020-06-18 13:29:20 PDT
Daniel I think this is working fine now. Could you verify?
Daniel Holbert
Comment 5
2020-06-18 18:29:55 PDT
Yes, I think this has been fixed. Safari 13.1 shows only a centered blue square (same as Firefox/Chrome) Safari 10.1 shows a centered teal square and a top-right-aligned blue square (which I think/assume was the buggy rendering).
Daniel Holbert
Comment 6
2020-06-18 18:30:40 PDT
(using the testcase that I'd posted, which is
http://jsbin.com/yudabaxiyo/1/edit?html,css,output
)
Sergio Villar Senin
Comment 7
2020-06-19 07:14:54 PDT
Closing this then. Thanks for reporting and verifying!
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug