Caniuse: [bug] -webkit-text-stroke for ::first-letter

Created on 23 May 2018  路  4Comments  路  Source: Fyrd/caniuse

-webkit-text-stroke doesn't work in ::first-letter selector/pseudo-element, see this test case: https://codepen.io/strarsis/pen/aGrOdJ

As a workaround I am currently using sass-text-stroke which visually emulates the effect using text shadow.

Support data questiocorrection

All 4 comments

Which browser are you using. I'm using MS Edge 17 and it works on ::first-letter selector.
Of what I have understanding, only EdgeHTML and Gecko has -webkit-text-stroke supported on ::first-letter pseudo element. Blink and Webkit do not support it on ::first-letter so @Fyrd should only add known issue about Chrome and Safari. Tested with Gecko and works similar to Edge (Does render text-stroke for ::first-letter)

@HM100: Yes. For me the pen works correctly in Firefox (recent and dev edition) and
Microsoft Edge, but not in Chrome and Internet Explorer.

IE at first place doesn't support -webkit-text-stroke and that's why I didn't included it in my past comment. Note that Opera is also chromium so -webkit-text-stroke indeed doesn't work on ::first-letter

Added as known issue at https://caniuse.com/#search=text-stroke

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SanderMuller picture SanderMuller  路  3Comments

LifeIsStrange picture LifeIsStrange  路  3Comments

myfonj picture myfonj  路  3Comments

madebyfabian picture madebyfabian  路  3Comments

SteveALee picture SteveALee  路  3Comments