Prevent duplicate selector labels

This commit is contained in:
2026-08-05 17:49:58 +02:00
parent 4e1c3eccab
commit 310e1e239f
3 changed files with 4 additions and 3 deletions
+1
View File
@@ -51,6 +51,7 @@ This project replaces the Excel/VBA workflow named `Catalog maker - 20` with a N
- Button icons must be placed before the label in DOM order, with the icon and label centered together as one group. Keep the control's chevron or disclosure arrow in its own fixed right-side slot so it does not shift the centered label.
- Use one shared icon size, gap, alignment, hover state and disabled state for equivalent controls. Do not mix icon-only, text-only and icon-after-text variants for the same control family.
- Before finishing any UI change, inspect the rendered page with Playwright and verify that icons are visible, precede their labels, remain centered, and do not overlap or drift between controls. Update this file when a new reusable visual rule is discovered.
- Custom select controls may use a native select as an interaction layer, but the native label must be visually transparent when a separate display label is rendered; never show the same control text twice.
## TypeScript workflow