-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Try: Fix navigation onselect alignment. #32574
Conversation
Size Change: -14 B (0%) Total Size: 1.03 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This solves the issue for me when I test with block themes.
But I was not able to find a classic theme where the menu items can be aligned correctly to the right in the editor. Because of that I could not test if this PR solves the shift.
It may be theme issues and needs more testing. Themes tested: OceanWP, Twenty sixteen, Twenty Twenty-One.
Tested with 5.8 beta 1 (as in, not the nightly but the released beta 1) in Chrome Version 91.0.4472.101 on Windows 10.
Excellent catch, thank you. It's a bit of a more general issue, and I'm trying a fix in #32659 that seems to fix it for me. There are still some themes, like TwentyNineteen, which provide their own child block margins that zero out things here, I'll look at that as a followup. |
This PR appears to be unnecessary now that #33088 has landed. |
Description
Fixes #32539.
Before:
After:
Note that the previous behavior was "intentional" insofar as the flex container used to have trouble with the in-canvas appender. However revisiting this, things appear to work as they should. Nevertheless, this issue shows just another reason why it'd be good to explore a solution to the in-canvas appender causing layout shifts.
How has this been tested?
The margin applied to the in canvas plus was added to fix problems with flex containers, notably navigation, buttons, social links. Because this PR doubles back on that, it is important to test this with a bunch of themes and a bunch of blocks. At the very least, a block theme and a classic theme, both with navigation and button blocks.
Checklist:
*.native.js
files for terms that need renaming or removal).