Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.
https://themeshaper.com
GNU General Public License v2.0
900 stars 356 forks source link

[Bug]: Dropdown icon appears out of the field for Assembler Theme #7973

Open krutidugade opened 3 months ago

krutidugade commented 3 months ago

Quick summary

The dropdown icon appears outside of the "select" field for Assembler theme. The CSS for this is same as other WP.com themes. I verified with Cultivate theme. It is unclear why the CSS doesn't work as expected but works for other themes.

Steps to reproduce

  1. Activate Assembler theme
  2. Create/Edit a page and add Form block
  3. Add dropdown field and few options
  4. Publish or update the page

What you expected to happen

The dropdown field should appear on contact page with downward arrow inside the field/

What actually happened

The downward arrow (dropdown icon) appears below the field.

Screenshot 2024-07-28 at 1 13 00 PM

Browser

Google Chrome/Chromium

Context

8541929

Platform (Simple, Atomic, or both?)

No response

Other notes

No response

Reproducibility

Consistent

Severity

All

Available workarounds?

None

Workaround details

No response

retnonindya commented 2 months ago

📌 REPRODUCTION RESULTS Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

The dropdown arrow looks good on the editor:

Screenshot 2024-08-16 at 2 51 28 PM

But not so on the live site:

Screenshot 2024-08-16 at 2 51 48 PM

📌 ACTIONS Triaged

... And escalated to the team: pekYwv-4wd-p2#comment-4055. The team is currently reviewing how Assembler flow works, and since theme Assembler closely related with the flow, I raised it with the team.