:where() css not working

Issues - Platform and API
1

Issue Description: The :where() CSS pseudo-class is not working in overwolf applications
Do you currently have a workaround?
I do not have a workaround for this, because I am using daisyUI, which uses this pseudo-class.

<div class="menu">
    <li>
        <a class="menu-item-button">
            Test Link
        </a>
    </li>
</div>

.menu :where(li) > :where(:not(ul)) {
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: currentColor;
}
2

:where is only supported on version 88 and up of Chrome.

Overwolf is using version 87, so you can’t use :where until Overwolf updates their CEF version.

1 Like
3

Are there any plans to upgrade the CEF version yet?

4

Hi!
We are looking into this. However, keep in mind that due to the many potential complications this can introduce, we are currently unable to give an ETA.

6

Hi!
Jumping in to update that we have enabled this selector via the chrome experimental flags as of version 219, currently available to developers.