Make WordPress Core

Opened 4 years ago

Last modified 7 weeks ago

#42300 new defect (bug)

Admin Bar CSS assumes body is not positioned

Reported by: joyously Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.5.7
Component: Toolbar Keywords:
Focuses: css Cc:


The Admin Bar is appended to the body of the page, and uses position: fixed for large windows. A space is made for it by using margin-top on the html tag.
This works fine until the media query for smaller windows changes it to position: absolute and there is user or theme CSS with body {position: relative}. The bar is then positioned relative to the body instead of html (leaving the margin visible and the bar over the top of body content).

I discovered this because I wanted to add a background overlay on the body, independent of the custom background, so I set the body position to relative and body:before to absolute.

A possible solution is to use body padding instead of html margin, but that might interfere more with theme CSS than the current method.

Change History (3)

#1 @SergeyBiryukov
4 years ago

Relative: #30055

Version 0, edited 4 years ago by SergeyBiryukov (next)

#2 @sabernhardt
2 months ago

  • Focuses css added

This ticket was mentioned in Slack in #core by sabernhardt. View the logs.

7 weeks ago

Note: See TracTickets for help on using tickets.