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

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[signups]

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.

Comment 1

[Loic]

Attachment: 1204528.html

Comment 2

[Boris Zbarsky [:bzbarsky]]

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?

Comment 3

[signups]

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  :(

Comment 4

[Boris Zbarsky [:bzbarsky]]

No problem.  Thank you for double-checking!