Fix infinite render of inline block preview#47697
Merged
madhusudhand merged 1 commit intotrunkfrom Feb 6, 2023
Merged
Conversation
|
Size Change: -11 B (0%) Total Size: 1.31 MB
ℹ️ View Unchanged
|
|
Flaky tests detected in 7b7050a. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/4100516711
|
mikachan
approved these changes
Feb 3, 2023
Member
mikachan
left a comment
There was a problem hiding this comment.
This fixes the issue for me 👍
fffc193 to
7b7050a
Compare
ntsekouras
reviewed
Feb 6, 2023
| import { __experimentalSpacer as Spacer } from '@wordpress/components'; | ||
|
|
||
| const BlockPreviewPanel = ( { name, variation = '' } ) => { | ||
| const [ |
Contributor
There was a problem hiding this comment.
Hm.. why we needed useResizeObserver in the first place here?
Member
Author
There was a problem hiding this comment.
To set the min-height of the preview iframe container, so that block preview (like button) is vertically center aligned.
It was captured using useResizeObserver, but seems like it was a bad idea for non-floating scrollbars that change with and height when they appear on content overflow.
t-hamano
approved these changes
Feb 6, 2023
Contributor
t-hamano
left a comment
There was a problem hiding this comment.
LGTM 👍
✅ Image, Calendar, Latest Comments: Infinite loop doesn't occur
✅ Table: If viewportWidth is defined with example, It will still be displayed as before.
✅ Button: It will be displayed in the center as before.
✅ Quote: If the block is less than the height of the preview area, the scroll bar will not be displayed as before.
ef06150b60678e27b950a381e07b4920.mp4
Contributor
|
Cherry-picked this PR to the wp/6.2 branch. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
5 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What?
This fixes #46793 where inline preview re-renders infinitely.
Issue happens for blocks such as
Testing Instructions
Issue happens when scrollbar is always visible.
Operating system settings:
Windows: scrollbar is visible by default.
Mac: System Preferences -> General -> show scrollbars (set the value to always)
Screenshots or screencast
Before
After