- 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