- From: Tim Nguyen via GitHub <noreply@w3.org>
- Date: Wed, 18 Feb 2026 20:05:36 +0000
- To: public-css-archive@w3.org
For more context, the default styles look like this: <img width="220" height="104" alt="Image" src="https://github.com/user-attachments/assets/2c6b1742-6b07-4732-ab73-dcf2c45f4a86" /> We've gotten rightful feedback that this makes the visual alignment between the picker and the button look janky. This makes the control look broken by default, which goes against what we want for `appearance: base`. We've discussed a few options: 1) offsetting the picker from the left side by the border-radius/padding-box by default (this hard to do without introducing magic value dependencies) 2) getting rid of the border-radius entirely from the button (though this has the potential for confusion with `<input list=...>` in `appearance: base`, and ends up inconsistent with `<button>`, and is potentially non recognizable to the user) <img width="220" height="104" alt="Image" src="https://github.com/user-attachments/assets/8601a6af-cda6-479a-9aa5-5b2e0b712451" /> 3) adding `border-radius: inherit` to the picker (it's an extra property to override) <img width="220" height="104" alt="Image" src="https://github.com/user-attachments/assets/6e43bc42-1cb3-4b7d-978a-aa346e1b3b88" /> I have a personal preference for 3) since it's simple while keeping the control recognizable. -- GitHub Notification of comment by nt1m Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13520#issuecomment-3922918446 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 20:05:37 UTC