:where() css not working

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;
}

: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

Are there any plans to upgrade the CEF version yet?

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.