New issue
Advanced search Search tips
Starred by 4 users
Status: Available
Owner: ----
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Compat

Sign in to add a comment
Custom properties can't be updated within ::first-letter
Reported by, Oct 27 2016 Back to list
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Edge/15.14956

Example URL:,css,output

Steps to reproduce the problem:
1. Open the jsbin

What is the expected behavior?
The first letter in the word 'Div' should be orange.

What went wrong?
The variable definition wasn't updated within the first-letter pseudo for some reason, they are applied but not updated.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 54.0.2840.71  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0

This works as expected in FF.
Labels: M56 OS-Linux OS-Mac
Status: Untriaged
Able to reproduce the issue on windows 7,Mac 10.11.4,Ubuntu 14.04 using chrome version #54.0.2840.71,latest canary #56.0.2906.0 as blue color DIV text observed.

This is a non regression issue as Black color 'DIV' text observed in M30,M45 ,M48 old buils .

Hence, marking it as Untriaged to get more inputs from dev team.

adding more info:

Issue (blue color DIV) observed from M49 to Latest stable & Canary.
Components: Blink>CSS
Comment 4 by, Jan 17 2017
We have a whitelist isValidFirstLetterStyleProperty(CSSPropertyID id), maybe we should just allow custom properties? I don't recall where the list comes from.
Comment 5 by, Jan 18 2017
Labels: Hotlist-Interop
Status: Available
Labels: Update-Quarterly
Labels: Code-Resolver Hotlist-GoodFirstBug
Labels: -Update-Quarterly
Sign in to add a comment