1541027 - ::marker pseudo-elements whose contents are from predefined counter styles don't show used fonts

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Bill Goldstein [:aja] (UTC-6)]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

Steps to reproduce:

inspect a ::marker pseudo-element, and open the Fonts tab.

Actual results:

"No fonts used on the current element."

Expected results:

Font information should be displayed, like it does for ::before and ::after.

Probably a follow-up for the following two bugs:
1474836 added read-only font-editor support for ::before / ::after
1539265 added support for ::marker

Comment 1

[Patrick Brosset <:pbro>]

Thanks for filing. This might be what we need to fix: https://searchfox.org/mozilla-central/rev/201450283cddc9e409cec707acb65ba6cf6037b1/devtools/shared/fronts/node.js#276
For now this only returns true for before and after.
That said, there seems to be many places on the server where we also use the corresponding method and only do certain things if an element is either ::before or ::after. I don't know if we need to update all of these to also work with ::marker now that it's supported in the inspector.

Comment 2

[Patrick Brosset <:pbro>]

I was a bit too fast in comment 1. Bug 1539265 has not landed yet (it's in autoland right now). And it actually addressed what I said we should fix. So we'll need to wait until it lands to test and investigate again.

Comment 3

[Ian Moody [:Kwan] (UTC+0)]

So this is specific to when the ::marker's contents are generated by an inbuilt counter style such as list-style-type: Upper-Roman. If you set the CSS content property on the ::marker then fonts will be shown:

::marker {
  content: "\00A0\2014";
}