Skip to content
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

Multiple Themes: Fix Details (Accordion) Block #7517

Open
wants to merge 2 commits into
base: trunk
Choose a base branch
from

Conversation

Aurorum
Copy link
Contributor

@Aurorum Aurorum commented Nov 26, 2023

Changes proposed in this Pull Request:

Almost all Automattic themes use normalize.css to start its file. However, annoyingly, there was a bug in normalize.css a few years ago which broke the summary element. This was fixed in 2016, but it looks like the themes have continued using an outdated version, meaning that lots of themes have been affected. You can learn more about that here: https://css-tricks.com/careful-when-changing-the-display-of-summary/

This PR updates the styles of several themes with the corrected changes to normalize.css from 2016. This is admittedly a pain because it affects so many themes; I did consider a change in Core, and I might one file later, but the problem is that won't work for any accordions inserted with HTML, which is supported on WordPress.com. There's also no guarantee that Core would accept a fix for a bug caused by themes.

As a result, we need to remove display: block from summary to fix the Details block in Gutenberg, and also any accordions inserted with HTML.

Before:
Screenshot 2023-11-26 at 15 01 51

After:
Screenshot 2023-11-26 at 15 03 38

Related issue(s):

Fixes #7041

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Apostrophe 2: HTML accordion doesn't have the arrows
1 participant