cuemarie
commented
2 years ago 📌 SCRUBBING
- Tested on Simple ✅
- Tested on AT ✅
📌 FINDINGS/SCREENSHOTS/VIDEO
- As best I can tell from triaging this, the issue here seems to be that buttons nested inside of other blocks (like the Mailchimp block, or the Forms block) sometimes assign a border to a button set to
Fillstyle, depending on the theme. - By default, buttons nested inside of the Form/Mailchimp blocks have slightly different block settings, and by default set their border radius to 5px. The Buttons block itself starts by default with an empty Border Radius, which looks like a border radius of 5px in the editor, but then can be overtaken by the theme to show a different style.
- The results below matched what I saw on AT sites as well
To test this, I set up a post with many different buttons inside the Mailchimp block, Form blocks, and on their own. Then I switched around themes to compare those buttons.
Simple, Theme: Blank Canvas
Simple, Theme: Blask
Simple, Theme: Twenty Sixteen - (border colors match, but default border radius issue now presents
Simple, Theme: Twenty Eleven
- Twenty Twenty, Twenty Nineteen, meanwhile, appeared consistent across the buttons.
📌 ACTIONS
- Marked as Triaged for Quality Squad review
Quick summary
When you add the MailChimp block to a page and style the button to be filled with a custom background color, the button will show the correct background color but keep the theme's default button outline.
Steps to reproduce
What you expected to happen
You should see the button has the custom background color you set with no outline. This should match the behavior of other buttons on the site.
What actually happened
The button shows the custom background color with the theme's default outline settings. The way the button's style behaves in the MailChimp block is vastly different across themes.
Context
This user reported that some of their buttons have outlines while others do not: zen-5466670 I also tested on a test site I have and was able to reproduce error, not only on the Blank Canvas theme, but several others as well.
Platform (Simple, Atomic, or both?)
Simple
Theme-specific issue?
Blank Canvas was originally reported but many others affected.
Here's a video of me flipping through a few to test, starting with Blank Canvas:
https://user-images.githubusercontent.com/71851343/183775145-81366db9-4f20-476b-a5c6-c6fbd64a23a1.mp4
Browser, operating system and other notes
No response
Reproducibility
Consistent
Severity
Some (< 50%)
Available workarounds?
No response
Workaround details
For sites on Free or Personal plans, no workaround available. Custom CSS could be used for site plans that allow it.