Re: [csswg-drafts] Add an `::interest-button` pseudo element to interest invokers (#12437)

> Any thoughts/ideas about how to adjust the styles in [my comment](https://github.com/w3c/csswg-drafts/issues/12437#issuecomment-4356421939) to ameliorate this? I agree it's not great.

Well one idea I had to fix this is to add this to the UA styles:

```css
  margin-block: -1lh;
```

That seems to do the trick (collapsing the margin box height of the ⓘ to zero), avoiding a vertical layout shift on the button. Of course there is a lateral expansion of the button to include the ⓘ, but I think that's likely expected/ok. I'm going to try prototyping that in Chromium.

As for adding this:
```css
@media (pointer: fine) {
  [interestfor]::interest-button {
    display: none;
  }
}
```

it's unfortunate that we didn't get a chance to discuss this at the task force meeting today. Hearing no objections here on the issue, I'm going to go ahead with trying to prototype it in Chromium. Please speak up if you have big concerns, so I don't waste time on a dead-end.

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


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

Received on Thursday, 14 May 2026 18:47:22 UTC