-
Notifications
You must be signed in to change notification settings - Fork 2k
Buttons block: altered styling(colors, padding, border-radius) #64917
Copy link
Copy link
Closed
WordPress/gutenberg
#44334Labels
BlocksEditor blocks, aka Gutenberg blocks, plugins, and extensionsEditor blocks, aka Gutenberg blocks, plugins, and extensionsBugWhen a feature is broken and / or not performing as intendedWhen a feature is broken and / or not performing as intendedTriagedTo be used when issues have been triaged.To be used when issues have been triaged.[Feature] Post/Page EditorThe editor for editing posts and pages.The editor for editing posts and pages.[Interaction #] > 20(Automated) interaction count label for better visibility. Please don't add these manualliy.(Automated) interaction count label for better visibility. Please don't add these manualliy.[Pri] HighAddress as soon as possible after BLOCKER issuesAddress as soon as possible after BLOCKER issues[Status] Core Fix NeededA fix within the Core WordPress or Gutenberg project is required to resolve this issue.A fix within the Core WordPress or Gutenberg project is required to resolve this issue.
Description
Metadata
Metadata
Assignees
Labels
BlocksEditor blocks, aka Gutenberg blocks, plugins, and extensionsEditor blocks, aka Gutenberg blocks, plugins, and extensionsBugWhen a feature is broken and / or not performing as intendedWhen a feature is broken and / or not performing as intendedTriagedTo be used when issues have been triaged.To be used when issues have been triaged.[Feature] Post/Page EditorThe editor for editing posts and pages.The editor for editing posts and pages.[Interaction #] > 20(Automated) interaction count label for better visibility. Please don't add these manualliy.(Automated) interaction count label for better visibility. Please don't add these manualliy.[Pri] HighAddress as soon as possible after BLOCKER issuesAddress as soon as possible after BLOCKER issues[Status] Core Fix NeededA fix within the Core WordPress or Gutenberg project is required to resolve this issue.A fix within the Core WordPress or Gutenberg project is required to resolve this issue.
Quick summary
Had a user report that their buttons were missing from multiple sites that are all using the
Canapetheme which seems to be a new bug.Steps to reproduce
CanapeorCoherentwhiteStyleis set toFillwithout selecting any colorsWhat you expected to happen
The button should turn to a lighter shade of the color specified by the theme.
What actually happened
The button turns white regardless unless you change the color settings on the individual button (this is also reflected within the Editor as well as you'll see in the video below). You also can't see the button text that you're writing unless the button is not selected.
Context
35886225-hc
Screen.Capture.on.2022-06-23.at.15-57-35.mp4
Screen.Capture.on.2022-06-23.at.16-06-48.mp4
Simple, Atomic or both?
Simple, Atomic
Theme-specific issue?
So far I've found this happens for both
CanapeandCoherent, though it may be affecting others. Does not seem to be affecting and FSE sites based on my testing but I can't guarantee that.Browser, operating system and other notes
Consistent across Chrome, Safari, and Firefox
Reproducibility
Consistent
Severity
All
Available workarounds?
Yes, easy to implement
Workaround details
Currently the only consistent workaround I've found that is applicable to both Simple and AT sites is that you need to change the Styles option from
FilltoOutline. There are CSS options, but it seems like this only works if you select the individual element (I've tried several variations of CSS selectors and couldn't get anything to work unless it was specifically called out for a single element).Video of CSS issue:
Screen.Capture.on.2022-06-23.at.16-03-55.mp4