Bug 229583
| Summary: | [flexbox] nasa.gov: Menu covers the article content instead of pushing content down | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Brent Fulgham <bfulgham> |
| Component: | Layout and Rendering | Assignee: | Sergio Villar Senin <svillar> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, simon.fraser, svillar, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Brent Fulgham
If you make the browser window displaying nasa.gov narrow enough that its menu switches to a hamburger style menu, selecting menu items will overlay the view. In Chrome I notice that the view updates so that the article content is still displayed, rather than overlaid.
1. Launch nasa.gov in Safari and Chrome
2. Make Safari/Chrome window narrow enough that menu becomes a hamburger menu.
3. Select any article from Home page
4. Click on the Menu from top right corner
Result:
The contents of the article/webpage is overlapped by the menu in Safari, but the page adjusts in Chrome.
This appears to be a flexbox issue.
When .side-bar__wrapper does not have the display: flex; property set (so it default to display: block) Chrome starts behaving like Safari. It seems to be related to our flexbox implementation.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Brent Fulgham
<rdar://66568712>