On Tue, Apr 19, 2016 at 11:02 AM, Karl Dubost <kdub...@mozilla.com> wrote:
>
> Le 14 avr. 2016 à 18:24, Ting-Yu Lin <t...@mozilla.com> a écrit :
> > On Thu, Apr 14, 2016 at 5:03 PM, Xidorn Quan <quanxunz...@gmail.com>
> wrote:
> >> Shouldn't "summary { list-style-type: none; }" be enough?
> > Yes. With Bug 1258657 <
> https://bugzilla.mozilla.org/show_bug.cgi?id=1258657>
> > landed, it's enough to hide the triangle by summary { list-style-type:
> > none; }.
>
>
> So I started some tests this morning
> http://codepen.io/anon/pen/bpKGXg
>
> And list-style-type: none; has 0 effect on Blink/WebKit.
>
> The most common usage of -webkit-details-marker is indeed a variation of:
> summary::-webkit-details-marker { display: none; }
>
> but I found other things too which might create cosmetics Web
> Compatibility issues.
> http://www.otsukare.info/2016/04/19/summary-details
>
>
So far, Blink/Webkit still use "display: block" for the summary, so
"list-style-type" won't have any effect.
Here is the section
<https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements>
in the html spec describe the rendering hint about details and summary.
And here is the chromium bug
<https://bugs.chromium.org/p/chromium/issues/detail?id=590014> for
implementing the triangle as a list item.
The current portable way to hide the triangle is to specify both
summary::-webkit-details-marker { display: none; }
and
summary { list-style-type: none; }
As I described in bug 1258657
<https://bugzilla.mozilla.org/show_bug.cgi?id=1258657#c0>, some website
like Edge FAQ
<https://developer.microsoft.com/en-us/microsoft-edge/platform/faq/how-much-do-i-have-to-pay-for-this-servi/>,
which happens to write
summary::-webkit-details-marker { display: none; }
summary { display:block; }
and offer their customized triangle by summary::after or summary::before
will luckily avoid the cosmetics issue.
Ting-Yu
>
> --
> Karl Dubost, Mozilla
> http://www.la-grange.net/karl/moz
>
>
_______________________________________________
dev-platform mailing list
dev-platform@lists.mozilla.org
https://lists.mozilla.org/listinfo/dev-platform
