Re: [csswg-drafts] [css-ui] Pseudo-element for select's UA button (#10717)

> ```
> select {
>     display: contents !important;
> }
>  
> #fallback-button {
>    all: inherit;
>    display: inline-block;
> }
> ```
> 
> This seems a bit weird, why not just
> 
> ```
> fallback-button, select > button {
>    display: contents;
> }
> ```
> 
> ?

I tried prototyping this and there were no focus rings, so I'd have to additionally try making changes to how focus rings get rendered. I imagine there would also be other issues since this puts display:contents on the element which is actually getting focused.

> This is more of implementation question at this point, but I think you're better off with a div/span or a text node than my display: contents idea honestly. It does potentially pose some challenges, but it's more accurately represents what you're trying to achieve.

I'll try prototyping this next to see what it looks like

-- 
GitHub Notification of comment by josepharhar
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10717#issuecomment-2292476687 using your GitHub account


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

Received on Thursday, 15 August 2024 23:57:35 UTC