Apostrophe 2: HTML accordion doesn't have the arrows

[daria2303]

Quick summary

When we use the HTML code for the accordion recommended in our docs there isn't any arrow. Seems this element is not printed in HTML:
[screen recording redacted]

Steps to reproduce

1. Activate Apostrophe 2 theme
2. Create HTML block
3. Add code for accordion: https://wordpress.com/support/advanced-html/#collapsible-content-accordion-effect

<details>
  <summary>What can you use WordPress.com for?</summary>
    <ul>
     <li>To blog!</li>
     <li>To showcase my professional work.</li>
     <li>To create an online presence for my business.</li>
   </ul>
</details>

What you expected to happen

The arrow is visible in frontend

What actually happened

Arrow is visible only in the editor (block preview)

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

6227396-zd-woothemes

No response

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 6227396-zen

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple – Replicated
• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• Replicated as described in Apostrophe 2 on both Simple and AT sites.

Screenshots/Recordings

AT Example

📌 ACTIONS

• Assigned to Themes

📌 Message to Author

• @daria2303 Always make sure to exclude any user-specific information and internal tools in your screenshots/recordings, and submit new reports via Bugomattic to ensure timely triaging. More details: p7DVsv-h3F-p2

I've edited the report above to use remove the recording that contained user details and internal tools, and deleted the previous revision from history.

[Aurorum]

It's broader than just Apostrophe 2, I'm afraid. This was a bug in normalize many years ago, which all WP.com themes from that era used. You'll see it in Dyad 2, for example (this is actually an accordion).

[Aurorum]

PR in #7517