1384911 - Stylo: Content added using ::after on Pontoon does not appear

Status: RESOLVED DUPLICATE of bug 1384065

(Core :: CSS Parsing and Computation, defect, P2)

Description

[Théo Chevalier]

Attachment: Today’s Nightly, stylo enabled

If you go to https://pontoon.mozilla.org/fr/ with Stylo enabled, the percent sign under "99" is not displayed.


The percent sign is added using CSS:

#heading .progress .number::after {
    content: "%";


Note: opening the Style Inspector displays the percent sign.

Comment 1

[Théo Chevalier]

Attachment: Today’s Nightly, Stylo disabled

Comment 2

[Jeremy Chen ([e-mail])]

Hmmm, a "content" property set for pseudo elements is not shown in the initial page load... sounds a bit like Bug 1380368.

Hi Shing, if you still can't have a proper reduced testcase in Bug 1380368, maybe you can take a shot from here if you want.

Comment 3

[Hiroyuki Ikezoe (:hiro)]

Théo, could you please try the site on the latest nightly (buildid: 20170727162531)? It seems to me that the percentage appears correctly.

Comment 4

[Théo Chevalier]

Nightly is stuck on 20170726 on Mac, will try with tomorrow’s Nightly, keeping NI

Comment 5

[Emilio Cobos Álvarez (:emilio)]

Pretty sure this is a dupe of bug 1384065.

Comment 6

[Astley Chen (inactive)]

Tested on macOS local build, Linux and Win64 0727 Nightly builds.