Your details: a focused address field is ringed twice #868

New issue

Closed

opened 2026-10-10 16:01:35 +00:00 by tiagoagueda · 0 comments

tiagoagueda commented

2026-10-10 16:01:35 +00:00

Owner

When a field in an input group (address + username) is focused, both the group and the input inside it are highlighted. Only the group should be.

What exists today

The group: .input-group { … focus-within:ring-2 focus-within:ring-brand-500 } (assets/css/basecoat.css:491-495).
The input inside the address group: .input-group[data-address-group] > input:focus-visible { outline-2 … outline-brand-500 } (:623-625).
For the telephone group the inner outline is on purpose — two controls in one ring, the focused half outlined (:523-524, :576-578). The address group has one control, so its inner outline only doubles the ring. Basecoat's own input-group.css removes the child's ring (:14).

What would change

The inner outline removed for groups with a single control; kept for the telephone group; forced-colours rules (:637-642) checked.

Checked against main at 8c3d03570. From the maintainer's improvements list of 2026-10-07.

When a field in an input group (address + username) is focused, both the group and the input inside it are highlighted. Only the group should be. ## What exists today - The group: `.input-group { … focus-within:ring-2 focus-within:ring-brand-500 }` (`assets/css/basecoat.css:491-495`). - The input inside the address group: `.input-group[data-address-group] > input:focus-visible { outline-2 … outline-brand-500 }` (`:623-625`). - For the telephone group the inner outline is on purpose — two controls in one ring, the focused half outlined (`:523-524`, `:576-578`). The address group has one control, so its inner outline only doubles the ring. Basecoat's own `input-group.css` removes the child's ring (`:14`). ## What would change - The inner outline removed for groups with a single control; kept for the telephone group; forced-colours rules (`:637-642`) checked. Checked against `main` at `8c3d03570`. From the maintainer's improvements list of 2026-10-07.

tiagoagueda added this to the 0.5.0 milestone

2026-10-10 16:01:35 +00:00

tiagoagueda added the

bug

accessibility

interface

labels

2026-10-10 16:01:35 +00:00

tiagoagueda self-assigned this

2026-10-10 16:54:05 +00:00

tiagoagueda referenced this issue from a commit

2026-10-10 17:48:26 +00:00