1793301 - :has with attribute selector

Status: RESOLVED DUPLICATE of bug 1793012

(Core :: CSS Parsing and Computation, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:105.0) Gecko/20100101 Firefox/105.0

Steps to reproduce:

Flag layout.css.has-selector.enabled set to true

Markup:

<ul>
  <li><a href="index">home</a></li>
  <li><a href="#main" aria-current="page">far far away</a></li>
<ul>

Stylesheet:

li:has([aria-current])::after {
  content: ' (You are here.)';
}

Test page: https://bittersmann.de/test/simple-hamburger

Actual results:

“(You are here.)” appears on either list item, or on neither on https://bittersmann.de/test/simple-hamburger/farfaraway

Expected results:

“(You are here.)” should only appear on the list item with the current page (marked with ARIA attribute) in it.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Disability Access APIs' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[[e-mail]]

Me thinks the Bugbug bot is wrong here. This bug doesn’t relate to the Disability Access APIs, but to the selector engine.

Comment 3

[James Teh [:Jamie]]

Triage owner, apologies if this is the wrong component. I'm not exactly sure where selector stuff should go.