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: focus outline is cutted off in code editor mode #42979

Closed
t-hamano opened this issue Aug 4, 2022 · 0 comments · Fixed by #42980
Closed

Site Editor: focus outline is cutted off in code editor mode #42979

t-hamano opened this issue Aug 4, 2022 · 0 comments · Fixed by #42980
Assignees
@t-hamano
Labels
CSS Styling Related to editor and front end styles, CSS-specific issues. [Package] Edit Site /packages/edit-site

Comments

@t-hamano
Copy link
Contributor

t-hamano commented Aug 4, 2022

Description

In the site editor, the top of the focus outline is cut off when switching to the code editor.

Step-by-step reproduction instructions

  • Open the site editor.
  • Open options menu.
  • Select "Code Editor".
  • Focus on the code editor.
  • confirm that the focus color shown in the outline of the code editor is cut off only at the top.

Screenshots, screen recording, code snippet

Site Editor

edit-site

Post Editor

The focus outline is not cut off because of the margin at the top.

post-editor

Environment info

No response

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
@t-hamano t-hamano added CSS Styling Related to editor and front end styles, CSS-specific issues. [Package] Edit Site /packages/edit-site labels Aug 4, 2022
@t-hamano t-hamano self-assigned this Aug 4, 2022
@t-hamano t-hamano mentioned this issue Aug 4, 2022
Merged
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Aug 4, 2022
@priethor priethor removed the [Status] In Progress Tracking issues with work in progress label May 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@t-hamano t-hamano

Labels
CSS Styling Related to editor and front end styles, CSS-specific issues. [Package] Edit Site /packages/edit-site
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Site Editor: fix focus outline cut off in code editor WordPress/gutenberg
2 participants
@priethor @t-hamano