Bug 173114

Summary:

Elements with Flex handled improperly in List Items

Product:

WebKit

Reporter:

Seán Hanson <smh>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

bfulgham, hyatt, simon.fraser, zalan

Priority:

Version:

WebKit Nightly Build

Hardware:

Mac

OS:

OS X 10.11

URL:

https://codepen.io/seanmhanson/pen/MoKYGa

Attachments:

Description	Flags
Example of Bug	none

Seán Hanson

Reported 2017-06-08 14:42:20 PDT

Created attachment 312345 [details] Example of Bug Elements with `display: flex` do not position correctly when they are the first child of a list element (see URL). Adding `display: flex` to an element should not impact the positioning of that element itself, only the children of that element. The behavior expected is for the element to be aligned with the bullet/counter; this is the behavior of elements with `display: block` currently. However, the actual behavior is that the `display: flex` element is positioned below the bullet/counter, as though Webkit has inferred text content.

Attachments
Example of Bug (95.82 KB, image/png) 2017-06-08 14:42 PDT, Seán Hanson	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Dave Hyatt

Comment 1 2017-06-09 10:03:30 PDT

This has already been fixed.

Note You need to log in before you can comment on or make changes to this bug.