Pattern overrides: Fix aspect ratio not working in image with overrides #62828
Conversation
This file contains 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
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
SantosGuillamot
added
[Type] Bug
SantosGuillamot
requested review from
talldan,
artemiomorales and
cbravobernal
and removed request for
tellthemachines
|
Size Change: +340 B (+0.02%) Total Size: 1.76 MB
ℹ️ View Unchanged
|
|
Flaky tests detected in e1bdd7e. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/9664062423
|
ellatrix
reviewed
Jun 26, 2024
| return { | ||
| sources: getAllBlockBindingsSources(), | ||
| hasParentPattern: | ||
| getBlockParentsByBlockName( clientId, 'core/block' ) |
There was a problem hiding this comment.
This adds a block editor store subscription for all bindable block, no? Any early returns we can set here to avoid it?
There was a problem hiding this comment.
I also noticed this lookup for a parent pattern block has been added in a few places, another example here and there are more for the UI parts of pattern overrides -
gutenberg/packages/editor/src/bindings/pattern-overrides.js
Lines 16 to 20 in 7bca2fa
We could look into using block context as a way of checking for a parent pattern, though it'd mean every (supported) block needs to subscribe to that context.
There isn't an obvious context attribute that the pattern block could provide. There's only ref (which may be removed in the future when the block uses a slug), and content (which can be undefined so might not reliable, unless it's changed so a default value is provided).
There was a problem hiding this comment.
I made a PR based on this that shows how that would work - #62861.
There was a problem hiding this comment.
I answered you there, but I think using context makes sense. Thanks for working on that! 🙂
…62861) * Use block context to detect presence of parent pattern * Regenerate fixtures * Update image block to use context for checking a parent pattern block exists * Rename context to `pattern/overrides` to be consistent with php code * Move pattern overrides context shim to pattern overrides hooks * Remove shim Co-authored-by: talldan <talldanwp@git.wordpress.org> Co-authored-by: ellatrix <ellatrix@git.wordpress.org> Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org>
SantosGuillamot
requested review from
michalczaplinski and
ajitbohra
as code owners
|
I can reproduce the bug in trunk and can confirm that this PR fixes it. |
| @@ -508,7 +504,12 @@ export default function Image( { | |||
| : __( 'Connected to dynamic data' ), | |||
| }; | |||
| }, | |||
| [ clientId, isSingleSelected, metadata?.bindings ] | |||
| [ | |||
| arePatternOverridesEnabled, | |||
There was a problem hiding this comment.
Suggested change
| arePatternOverridesEnabled, | |
| patternOverridesEnabled, |
We can remove the verb from the variable in follow-up PRs.
cbravobernal
approved these changes
Jun 26, 2024
talldan
added
the
Backport to WP 6.6 Beta/RC
talldan
approved these changes
Jun 27, 2024
There was a problem hiding this comment.
Thanks @SantosGuillamot, this is working well for me, and it's a nice minimal change.
SantosGuillamot
deleted the
fix/aspect-ratio-not-working-in-image-with-overrides
branch
github-actions
bot
removed
the
Backport to WP 6.6 Beta/RC
gutenbergplugin
pushed a commit
that referenced
this pull request
Jun 27, 2024
…es (#62828) * Remove only supported attributes * Try alternative approach * Update comment * Return early while editing the original pattern * Move conditional inside conditional * Add missing check * Go back to running always bindings * Use block context to detect presence of parent pattern for overrides (#62861) * Use block context to detect presence of parent pattern * Regenerate fixtures * Update image block to use context for checking a parent pattern block exists * Rename context to `pattern/overrides` to be consistent with php code * Move pattern overrides context shim to pattern overrides hooks * Remove shim Co-authored-by: talldan <talldanwp@git.wordpress.org> Co-authored-by: ellatrix <ellatrix@git.wordpress.org> Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org> * Reduce diff * Change array order --------- Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org> Co-authored-by: talldan <talldanwp@git.wordpress.org> Co-authored-by: ellatrix <ellatrix@git.wordpress.org> Co-authored-by: cbravobernal <cbravobernal@git.wordpress.org>
github-actions
bot
added
the
Backported to WP Core
|
I just cherry-picked this PR to the wp/6.6 branch to get it included in the next release: 49bba72 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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?
Fixes #62814.
In order to do so, it includes the changes from this pull request, where block context is used to detect presence of parent pattern for overrides.
Why?
As reported in the mentioned issue, the aspect ratio, and other attributes, don't work as expected when editing an image with pattern overrides.
How?
Ensuring that we only skip setting non-bound attributes when users are actually overriding a pattern, and not when they are editing the original one. To do so, it check if the block has a parent pattern with the code of this other pull request.
Testing Instructions
There are three main issues to consider:
Before
Aspect.ratio.not.working.mp4
After
Aspect.ratio.working.mp4