- From: L. David Baron <dbaron@dbaron.org>
- Date: Tue, 30 Jan 2018 18:54:10 +0000
- To: www-archive@w3.org
- Message-ID: <20180130185410.uevh4susgz2bck5e@pescadero.dbaron.org>
This is a report of a bug in
https://www.w3.org/StyleSheets/TR/2016/base.css that I'm sending to
www-archive (for now) because I don't know where it belongs.
I noticed this while reading:
https://drafts.css-houdini.org/css-typed-om-1/#transformvalue-objects
After the IDL block, there's a <details class="note"> whose summary
is "is2D Design Considerations". The disclosure triangle for this
<details> is missing in Firefox, but present in Chrome. It's
missing in Firefox because Firefox implements styling of <details>
as specified in
https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements
where the disclosure triangle is a list marker, and appears because
the <summary> is display:list-item. Changing the display of summary
from list-item to block causes the disclosure triangle to disappear,
because Firefox supports the spec's mechanism for styling the
disclosure triangle.
The stylesheet https://www.w3.org/StyleSheets/TR/2016/base.css
contains (with line numbers):
674 .note::before, .note > .marker,
675 details.note > summary::before,
676 details.note > summary > .marker {
677 text-transform: uppercase;
678 display: block;
679 color: hsl(120, 70%, 30%);
680 }
681 /* Add .note::before { content: "Note "; } for autogen label,
682 or use class="marker" to mark up the label in source. */
683
684 details.note > summary {
685 display: block;
686 color: hsl(120, 70%, 30%);
687 }
I believe the correct fix for this is to remove line 685 from the
style sheet. Note that line 678 should remain; it is not styling
summary elements.
-David
--
𝄞 L. David Baron http://dbaron.org/ 𝄂
𝄢 Mozilla https://www.mozilla.org/ 𝄂
Before I built a wall I'd ask to know
What I was walling in or walling out,
And to whom I was like to give offense.
- Robert Frost, Mending Wall (1914)
Received on Tuesday, 30 January 2018 18:54:34 UTC