Bug 77420

Summary:	Changing display: inline to display: block with media queries
Product:	WebKit	Reporter:	Karl Laurentius Roos <karlroos93>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Major	CC:	davidbarr
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	All
OS:	Unspecified
URL:	http://project.karlroos.se/bug/

Description Karl Laurentius Roos 2012-01-31 03:31:36 PST

Try resizing the page to the URL attached.

As you see, the initial state of the links in the list is "display: inline". When the window is smaller than 740px the display property is changed to block, thus making the list items list vertically. When you size up the window again to above 740px the list is supposed to return to the initial state which is what doesn't happen.

Comment 1 David Barr 2012-02-08 19:32:53 PST

This looks quite similar to another bug:
"Element still flowed below parent after changing from block to inline-block"
https://bugs.webkit.org/show_bug.cgi?id=74976

Comment 2 David Barr 2012-02-08 19:35:07 PST


*** This bug has been marked as a duplicate of bug 74976 ***