[csswg-drafts] [css-forms-1] Find a way to avoid double border between ::picker() and button (#13527)

nt1m has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-forms-1] Find a way to avoid double border between ::picker() and button ==
The double border between the ::picker() and the button looks slightly unpleasant:

<img width="440" height="208" alt="Image" src="https://github.com/user-attachments/assets/758765b2-7773-48b7-90f6-e98811aa4486" />

Some options to fix it:
1) add spacing on top of the popover (not my preferred option given it's one more property override), so the picker is spaced away from the button.
2) add negative margin around the popover (not my preferred option given it breaks when you start to have different border-widths on the button, and it's also annoying to override)
2) anchor the popover to the padding-box of the button instead of the border-box (@fantasai told me there was an extension to anchor positioning that would allow that).

Personally in favor of 2 given it's the least pain for developers. I don't know how this would look like in the UA sheet though (potentially `position-area: padding-box block-end inline-start` or something)

@lukewarlow @josepharhar @fantasai @jensimmons  

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13527 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 18 February 2026 21:09:37 UTC