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.

Sign up for GitHub

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

Jump to bottom

Apostrophe 2: HTML accordion doesn't have the arrows #7041

Open
daria2303 opened this issue Apr 23, 2023 · 4 comments · May be fixed by #7517
Open

Apostrophe 2: HTML accordion doesn't have the arrows #7041

daria2303 opened this issue Apr 23, 2023 · 4 comments · May be fixed by #7517
Labels
Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". [Pri] Low [Theme] Apostrophe 2 Triaged [Type] Bug Something isn't working User Report This issue was created following a WordPress customer report

Comments

@daria2303
Copy link

daria2303 commented Apr 23, 2023 •
edited by cuemarie
Loading

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
@daria2303 daria2303 added [Type] Bug Something isn't working User Report This issue was created following a WordPress customer report Needs triage labels Apr 23, 2023
@github-actions
Copy link
Contributor

Support References

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

  • 6227396-zen

@cuemarie
Copy link

cuemarie commented Apr 27, 2023 •
edited
Loading

📌 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

Screen Capture on 2023-04-27 at 15-49-59

📌 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.

@cuemarie cuemarie transferred this issue from Automattic/wp-calypso Apr 27, 2023
@Aurorum
Copy link
Contributor

Aurorum commented Nov 26, 2023 •
edited
Loading

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).

Screenshot 2023-11-26 at 11 49 00

@github-actions github-actions bot added the Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". label Nov 26, 2023
@Aurorum Aurorum linked a pull request Nov 26, 2023 that will close this issue
Open
@Aurorum
Copy link
Contributor

Aurorum commented Nov 26, 2023

PR in #7517

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Customer Report Issues or PRs that were reported via Happiness. Previously known as "Happiness Request". [Pri] Low [Theme] Apostrophe 2 Triaged [Type] Bug Something isn't working User Report This issue was created following a WordPress customer report
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Multiple Themes: Fix Details (Accordion) Block Aurorum/themes
3 participants
@daria2303 @cuemarie @Aurorum