Automattic / Automattic/blocks-engine
Stylable-button icon classes are stripped during lowering, so materialized SVG icons render at intrinsic 200x200 and bury their label
- Dominant language
- PHP
- Stars
- 14
- Forks
- 2
- Avg merge
- 2h 10m
- Merged PRs (30d)
- 561
Description
## Problem
On an imported Wix site, the header's "CALL US" button renders as a 134×202 px box: a giant 200×200 arrow icon with the label squeezed to 9 px wide, wrapping one letter per line. The same button appears twice on the page; the "CHECK ELIGIBILITY" CTA breaks the same way. The block is otherwise right: a real `core/button`, correct label, working `tel:` link.
Observed on an import of `https://www.kdclegal.com/` (Wix, 65 routes) via `studio create --from`, blocks-engine trunk @ `671db300` paired with static-site-importer v1.9.2 @ `7f51247`.
## Anatomy
The source button is a Wix stylable button with an animated icon:
Contributor guide
Research direction
Reproduce the import with `studio create --from` and inspect the lowered button anchor, materialized SVG image, and generated theme CSS. Trace the lowering path that removes the icon wrapper and compare the emitted markup with the selectors in the captured stylesheet. Done means the lowered icon retains the targeted classes or equivalent sizing and no longer renders at intrinsic 200×200 dimensions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, php, wordpress
- Domain
- tooling, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100