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

Fix : Paragraph appender layout shift #66061

Closed
wants to merge 2 commits into from
Closed

Fix : Paragraph appender layout shift #66061

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
50ddef3
Style to prevent Layout shift when placeholder is clicked
Vrishabhsk Oct 11, 2024
44d6fa2
Refactor style placement to target block-appender__content specifically
Vrishabhsk Oct 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions packages/block-editor/src/components/default-block-appender/content.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,11 @@
.block-editor-default-block-appender__content {
// Set the opacity of the initial block appender to the same as placeholder text in an empty Paragraph block.
opacity: 0.62;

// The following prevent user agent styles from applying margins to the appender's inner paragraph.
// Prevents Layout shift in the editor when single post's content block's inner block content width is unset.
margin-block-start: 0;
margin-block-end: 0;
}

// In "constrained" layout containers, the first and last paragraphs have their margins zeroed out.
Expand Down
Loading