`:empty` pseudo-class is not properly applied to <summary>

RESOLVED INVALID

Status

()

Core
Layout
RESOLVED INVALID
3 years ago
3 years ago

People

(Reporter: signups, Unassigned)

Tracking

40 Branch
x86_64
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

195 bytes, text/html
Details
(Reporter)

Description

3 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/600.8.9 (KHTML, like Gecko) Version/8.0.8 Safari/600.8.9

Steps to reproduce:

Create the following HTML:

<details>
  <summary></summary>
  This should be hidden.
</details>

With the following CSS:

summary:empty {
  display: none;
}


Actual results:

The disclosure triangle of the <summary> is visible and can trigger the apparition of the <details> contents.


Expected results:

The <summary> element should have been hidden altogether.
(Reporter)

Updated

3 years ago
OS: Unspecified → Mac OS X
Hardware: Unspecified → x86_64

Comment 1

3 years ago
Created attachment 8660976 [details]
1204528.html
I'm not sure I follow.  We don't support the <details> element at all as far as I'm aware, and I see no disclosure triangle of any sort on the testcase in a current Mac nightly.  What exact Firefox version are you seeing this problem in?
Flags: needinfo?(signups)
(Reporter)

Comment 3

3 years ago
Oh.

I'm really sorry, after double-checking I had a polyfill on…  :(  Please excuse me for wasting your time.

I was misled by the inspector, which showed `<x-i>` elements inside the `<summary>`, which I wrongly interpreted as some inner implementation of Firefox.

Sorry again  :(
Status: UNCONFIRMED → RESOLVED
Last Resolved: 3 years ago
Flags: needinfo?(signups)
Resolution: --- → INVALID
No problem.  Thank you for double-checking!
You need to log in before you can comment on or make changes to this bug.