-
Notifications
You must be signed in to change notification settings - Fork 823
Ensure default block classname is used as the root of other classes #14725
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.
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
Conversation
We've been using the `className` prop to compose other class names for the layout of the block edit component. e.g. `${ className }-overlay`. As pointed out by @jeherve in #14623, this breaks if additional CSS classes are added to the block in the advanced settings. This change, uses `getBlockDefaultClassName` to get the default class name to use instead.
Caution: This PR has changes that must be merged to WordPress.com |
Thank you for the great PR description! When this PR is ready for review, please apply the Scheduled Jetpack release: March 3, 2020. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
TIL about getBlockDefaultClassName
! This seems to work just fine! 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
r203264-wpcom |
* 8.3 release: changelog * Changelog: add #14516 * Changelog: add #14574 * Bring in changes from 8.2.1 and 8.2.2 * Update stable version * Bring in 8.2.3 changes * Changelog: add #14714 * Changelog: add #14639 * Changelog: add #14678 * Changelog: add #14673 * Changelog: add #14687 * Changelog: add #14704 * Changelog: add #14702 * Changelog: add #14541 * Changelog: add #14657 * Changelog: add #14622 * Changelog: add #14582 * Changelog: add #14638 * Changelog: add #14633 * Changelog: add #14571 * Changelog: add #14592 * Changelog: add #14539 * Changelog: add #14514 * Changelog: add #14643 * Changelog: add #14494 * Changelog: add #13739 * Changelog: add #14707 * Changelog: add #14736 * Changelog: add #14706 * Changelog: add #14730 * Changelog: add #14685 * Changelog: add #14727 * Changelog: add #14711 * Changelog: add #14742 * Changelog: add #14746 * Changelog: add #14725 * Changelog: add #13999 * Changelog: add #14740 * Changelog: add #14759 * Changelog: add #14703 * Changelog: add #14753 * Changelog: add #14754 * Changelog: add #14645 * Cahngelog: add #14599
We've been using the
className
prop to compose other class names forthe layout of the block edit component. e.g.
${ className }-overlay
.As pointed out by @jeherve in #14623, this breaks if additional CSS
classes are added to the block in the advanced settings.
Fixes #14623
Changes proposed in this Pull Request:
This change, uses
getBlockDefaultClassName
to get the default classname to use instead.
Is this a new feature or does it add/remove features to an existing part of Jetpack?
This is a bug fix for the Calendly and OpenTable blocks
Testing instructions:
As per the bug report in #14623, create a Calendly and/or an OpenTable block, and check that you can add additional CSS classes, without it affecting the class names of the blocks internal markup.
Proposed changelog entry for your changes: