Re: base.css bug breaking details disclosure triangles

Per Chris Lilley's instructions, I reported this at the correct
location: https://github.com/w3c/tr-design/issues/148

-David

On Tuesday 2018-01-30 18:54 +0000, L. David Baron wrote:
> 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)



-- 
𝄞   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 19:12:05 UTC