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/ | ||
Karl Laurentius Roos
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
David Barr
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
David Barr
*** This bug has been marked as a duplicate of bug 74976 ***