-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Global styles: Default font sizes are added #52200
Comments
Hi
|
@annezazu Can you please add this issue to the Polish board? Cheers! |
Just bumping. I indeed noticed this as well. I'm seeing the default sizes appearing in the editor alongside custom ones as well as in the DOM as variables. I can't actually find a way to remove them. I don't think this happened in the past so I'm not sure what changed. I'm running 6.4.1 and the Gutenberg 17.0.2 |
Also noting that this can cause a known issue where two type sizes can conflict with eachother. If two type sizes have the same value then selecting one will cause the block to revert to the first matching style that appears in the list. Normally this isn't a big issue, unless the default styles don't disappear when you define custom ones. The default styles appear first in the list so selecting a custom style with the same value forces it to select the default. |
I'm seeing the same settings in both places (WP 6.4 + GB trunk); however, the four default font sizes ('Small', 'Medium', 'Large', 'Extra Large') appear first in the block styles, but last in the global styles. In other places where Gutenberg provides default values for something we add a So, it sounds to me like there are two parts to solving this fully.
|
Since #58456 this is now broken again! |
This should work as a quick fix for disabling the default font sizes, but I'm pretty sure the CSS for them won't be printed either: add_filter('wp_theme_json_data_default', function($theme_json) {
$data = [
'version' => 2,
'settings' => [
'typography' => [
'fontSizes' => []
]
]
];
return $theme_json->update_with($data);
}); |
@justintadlock Can confirm the filter above is working perfectly and as expected. CSS is printed and Small, Medium, Large, and Extra Large sizes show correct values in the Typography > Font Size menu in post editor as well as correctly on the front end when chosen. |
We can't expect theme developers to add this filter as a long term solution. |
@carolinan Agreed. I was merely confirming it worked to see if it helped inform a permanent fix in core. |
Got it! Thank you for the additional context. A number of theme authors are keen on seeing this resolved so continued update here I know would be appreciated as work continues. I think it's wise to delay from 6.5 considering the bump in theme.json versioning. |
It seems we're keeping this on the WordPress 6.5 Editor Task board intentionally in the No Status column in hopes that it'll be addressed for 6.5. It does seem like a critical issue for many builders. I see it as In Progress on the Automattic team Ignite's project board. @ajlende do you have any updates on this, please? |
This isn't going to make it to 6.5 as stated above :( I left it for a bit to see if we could make progress since, as you noted, it's an important issue but it's not going to happen 24 hours before beta 1. Punting now. |
@annezazu Are you saying that this specific method of trying to fix the existing issue with font sizes isn't going into 6.5, or that the issue altogether won't be addressed/fixed in 6.5? |
This issue has been punted to 6.6. |
@justintadlock Are you're saying that font sizes will be broken in the site editor for any theme that uses slugs similar to core? |
Yes. This has been an issue for several major releases and no one has a fix for it yet that doesn't break other things. Given the complexity of the issue, it's unlikely to be fixed in time for 6.5. Of course, if any contributor has time for a PR to fix in the next 24 hours, that could change. I'm sure plenty of folks would be willing to test. |
@justintadlock This issue has not existed (at least what I am experiencing as noted at #57889 (comment)) until recently. The current version 6.4.3 is not experiencing this issue, and if ignored, this will become a major disaster for users of these themes. I am not sure at this point if anyone understands the severity of it, and I will gladly Zoom with you (or @annezazu) or whomever to show exactly what is happening. |
@bgardner - This specific ticket was created for Wordpress 6.2.2 and Gutenberg 16.1.0, so I want to make sure it's clear we're talking about punting something that's been understood to be an ongoing thing. Not sure if #57889 should be reopened at the moment, especially if it's a new issue introduced since WP 6.4. In that case, it should definitely be addressed for 6.5. Anyway, pinging some folks to see what we can get done. :) |
@justintadlock I understand. The original issue that was created (#57889) was created at 6.4.2, and that is where I chimed in. It has since been closed, but the problem still exists. I think it needs to be re-opened (again) and made a priority for 6.5. |
Because this issue touches all of my themes, Ollie by Mike McAlister, even @ndiego's personal theme. Not to mention the (possible) 100's of themes that are using font sizes/slugs similar to core. |
Thank you all for jumping on! We talked for just under 14 minutes and here's the relevant part of the recording for transparency: Shorter.version.of.recording.mp4At this stage, Alex is going to work on getting a revert PR in place and test it against Brian's Powder Theme. |
I tried to describe the problem we still see in this thread. Sorry, if it wasn't clear.
|
This should still be open as the fix was reverted |
@scruffian I'm not sure the fix was reverted, we reverted a change that created this issue. |
That's true but there is still an issue with default font sizes appearing when they shouldn't, which #58409 is seeking to address. |
I think it's okay to close this now. I figured it was still in a broken state because #56661 had fixed it, but was reverted in #58951 causing it to be an issue again. #58409 was intended to reimplement #56661 and solve the issue again. However, #55219 which was the origin of this bug was reverted in #58951 fixing this issue. 😵💫 I still have the PR for adding the |
Description
I created a blank theme and added custom font sizes.
This works intended in the editor, but in the Global styles, default font sizes are added in the drop down (S, M, L, XL)
Step-by-step reproduction instructions
theme.js
Screenshots, screen recording, code snippet
Environment info
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
The text was updated successfully, but these errors were encountered: