Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Site Editor: Canvas width glitch when selecting 'Browse Styles' then closing inserter sidebar #65080

Open
2 tasks done
talldan opened this issue Sep 5, 2024 · 1 comment · May be fixed by #65464 or #63390
Open
2 tasks done

Site Editor: Canvas width glitch when selecting 'Browse Styles' then closing inserter sidebar #65080

talldan opened this issue Sep 5, 2024 · 1 comment · May be fixed by #65464 or #63390
Assignees
@up1512001
Labels
[Feature] Zoom Out [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@talldan
Copy link
Contributor

talldan commented Sep 5, 2024 •
edited
Loading

Step-by-step reproduction instructions

  1. Open the Site Editor and edit a page
  2. Select the + button on the top bar to open the Inserter sidebar
  3. Select the Styles button on the top bar to open the global styles sidebar
  4. Select 'Browse Styles' in the global styles sidebar, observe the canvas zooms out
  5. Now close the Inserter sidebar, observe that the canvas looks unusual with scrollbars moved into the middle of the viewport

If you compare this to engaging and disengaging 'Browse styles' without the inserter sidebar open, you'll see that it looks completely different, the scrollbars stay at the edge of the screen.

Screenshots, screen recording, code snippet

Kapture.2024-09-05.at.08.54.37.mp4

Environment info

Brave / Mac OS
Latest Gutenberg trunk

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes
@talldan talldan added [Type] Bug An existing feature does not function as intended [Feature] Zoom Out labels Sep 5, 2024
@up1512001 up1512001 linked a pull request Sep 18, 2024 that will close this issue
Open
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Sep 18, 2024
@stokesman stokesman linked a pull request Sep 19, 2024 that will close this issue
Refactor Zoom Out to scale iframe #63390
Draft
@stokesman stokesman linked a pull request Sep 19, 2024 that will close this issue
Draft
@stokesman
Copy link
Contributor

stokesman commented Sep 19, 2024 •
edited
Loading

Here’s latest trunk showing the same with the newer toggle button (and in the Post editor):

zoom-out-trunk-v-sibebars.mp4

That button seems like it will increase exposure to this bug.

#63390 under the same scenarios
zoom-out-63390-v-sidebars.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@up1512001 up1512001

Labels
[Feature] Zoom Out [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
3 participants
@talldan @stokesman @up1512001