Home

Please, please fix chromium paint order bug

%3CLINGO-SUB%20id%3D%22lingo-sub-827735%22%20slang%3D%22en-US%22%3EPlease%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-827735%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22css-901oao%20css-16my406%20r-1qd0xha%20r-ad9z0x%20r-bcqeeo%20r-qvutc0%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20355px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128972iC4D8A170A444E558%2Fimage-dimensions%2F355x126%3Fv%3D1.0%22%20width%3D%22355%22%20height%3D%22126%22%20alt%3D%2216_attachments_65eb6423-eee1-4ed4-9172-71c5c40283b8.png%22%20title%3D%2216_attachments_65eb6423-eee1-4ed4-9172-71c5c40283b8.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22css-901oao%20css-16my406%20r-1qd0xha%20r-ad9z0x%20r-bcqeeo%20r-qvutc0%22%3EChromium%20has%20a%20longstanding%20paint%20order%20bug%20that%20prevents%20text%20from%20rendering%20properly%20when%20it%20is%20both%20underlined%20and%20has%20a%20drop-shadow%20applied.%26nbsp%3B%20The%20underline%20ends%20up%20being%20broken%20up%20by%20the%20drop-shadow.%26nbsp%3B%20This%20is%20only%20one%20ramification%20of%20the%20bug%3B%20the%20bug%20results%20in%20many%20other%20text-rendering%20oddities.%26nbsp%3B%20As%20another%20example%2C%26nbsp%3B%3CSPAN%3Emultiple%20text%20shadows%20spanning%20multiple%20lines%20also%20render%20wrong%20(see%20below%20image).%3C%2FSPAN%3E%20%26nbsp%3BFirefox%2C%20old%20IE%2C%20old%20Edge%2C%20and%20other%20browsers%20do%20not%20have%20this%20bug%20and%20render%20text%20correctly.%26nbsp%3B%20New%20Edge%20now%20has%20the%20bug%20from%20chromium.%26nbsp%3B%20Can%20you%20please%20please%2C%20please%20fix%20this%20chromium%20paint%20order%20bug%2C%20now%20that%20it%20affects%20Edge%2C%20too%3F%26nbsp%3B%20%3CA%20href%3D%22https%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D776627%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D776627%3C%2FA%3E%3CA%20href%3D%22https%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D713376%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Fdetail%3Fid%3D713376%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22css-901oao%20css-16my406%20r-1qd0xha%20r-ad9z0x%20r-bcqeeo%20r-qvutc0%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20182px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128973iD88D3B0FB21B7CA2%2Fimage-dimensions%2F182x301%3Fv%3D1.0%22%20width%3D%22182%22%20height%3D%22301%22%20alt%3D%22Screenshot%20from%202018-03-08%2011-35-46.png%22%20title%3D%22Screenshot%20from%202018-03-08%2011-35-46.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-827735%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EBUG%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-828270%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-828270%22%20slang%3D%22en-US%22%3EThat%20text%20distortion%20looks%20really%20awful.%20im%20interested%20to%20test%20it%20out%20too%2C%20can%20you%20please%20suggest%20me%20a%20web%20page%20that%20can%20display%20the%20bug%20as%20obviously%20as%20possible%3F%20thanks%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-830137%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-830137%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BDid%20you%20check%20out%20those%20links%3F%26nbsp%3B%20There%20are%20also%20several%20others%20on%20the%20chromium%20forums.%26nbsp%3B%20Users%20regularly%20resubmit%20different%20variants%20of%20this%20paint%20order%20bug%2C%20but%20chromium%20admins%20have%20more%20or%20less%20suppressed%20all%20of%20the%20bug%20reports%20by%20merging%20them%2C%20making%20them%20ownerless%2C%20and%20giving%20them%20lower%20than%20the%20highest%20priority%2C%20so%20that%20they%20never%20get%20addressed.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F41175%22%20target%3D%22_blank%22%3E%40David%20Rubino%3C%2FA%3E%26nbsp%3BAny%20chance%20of%20this%20bug%20being%20addressed%20by%20the%20Edge%20Dev%20team%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-830166%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-830166%22%20slang%3D%22en-US%22%3EWell%20sites%20like%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fwww.w3.org%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.w3.org%3C%2FA%3E%3CBR%20%2F%3Eor%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fjsfiddle.net%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fjsfiddle.net%3C%2FA%3E%3CBR%20%2F%3Edon't%20count.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20was%20referring%20to%20real%20life%20examples%20on%20website%20with%20at%20least%20decent%20daily%20users.%20that%20means%20no%20self%20hosted%20site%20to%20produce%20a%20possible%20bug%20that%20Can%20also%20be%20caused%20by%20wrongly%20implementing%20CSS%20codes.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-837402%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-837402%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BI%20mean%2C%20I%20think%20j-archive.com%20gets%20%22decent%20daily%20users%22.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20posted%20in%20one%20of%20the%20bugs.chromium.org%20links%20in%20the%20post%20that%20started%20this%20thread%20(which%20were%20the%20links%20I%20was%20referring%20to)%2C%20here%20is%20some%20very%20basic%20HTML%20that%20reproduces%20the%20bug%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2FattachmentText%3Faid%3D308575%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2FattachmentText%3Faid%3D308575%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-837445%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-837445%22%20slang%3D%22en-US%22%3EI'm%20not%20sure%20about%20that.%3CBR%20%2F%3EAnd.%20the%20design%20of%20the%20website%20is%20obviously%20old.%3CBR%20%2F%3Eanyway%20it's%20not%20up%20to%20me%2C%20maybe%20a%20developer%20of%20the%20Edge%20wants%20to%20change%20that%20behavior.%3CBR%20%2F%3E%3CBR%20%2F%3Ebut%20i%20wouldn't%20call%20it%20a%20bug%2C%20specially%20when%20it%20only%20happens%20on%20very%20specific%20old%20websites%20and%20needs%20special%20situations%20to%20produce%20it.%3CBR%20%2F%3E%3CBR%20%2F%3Ei%20wish%20more%20people%20confirmed%20it%20in%20their%20daily%20internet%20usage%20and%20website%20browsing%2C%20would%20definitely%20help%20developers%20better.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-860285%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-860285%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BRespectfully%2C%20to%20say%20that%20it%20is%20not%20a%20bug%2C%20or%20that%20it%20only%20manifests%20on%20%22old%20websites%2C%22%20is%20neither%20helpful%20nor%20honest.%26nbsp%3B%20It%20is%20obviously%20a%20bug%2C%20as%20marked%20so%20and%20as%20recognized%20by%20the%20chromium%20developers.%26nbsp%3B%20No%20one%20disputes%20that%20it%20is%20a%20bug%3B%20the%20only%20controversy%20is%20what%20priority%20should%20be%20given%20to%20fixing%20it%2C%20and%20whom%20should%20have%20the%20honors.%26nbsp%3B%20As%20well%2C%20the%20bug%20affects%20any%20website%20that%20attempts%20to%20both%20underline%20and%20drop-shadow%20text.%26nbsp%3B%20This%20is%20true%20whether%20the%20website%20is%20%22old%22%20or%20%22new.%22%26nbsp%3B%20And%2C%20it's%20worth%20noting%20that%20the%20text-shadow%20property%20wasn't%20introduced%20until%20CSS3%2C%20so%20any%20website%20that%20has%20this%20particular%20paint-order%20problem%20(of%20shadows%20being%20printed%20above%20underlines)%20can't%20be%26nbsp%3B%3CEM%3Ethat%3C%2FEM%3E%20old.%26nbsp%3B%20(The%20first%20Chrome%20to%20support%20text-shadow%20was%204.0%2C%20and%20the%20first%20IE%20was%2010.0%20%5Breleased%202012%5D.%26nbsp%3B%20If%20you're%20sixteen%20years%20old%2C%20I%20can%20see%20how%202012%20seems%20like%26nbsp%3B%3CEM%3Eeons%3C%2FEM%3E%20ago%2C%20but%20to%20me%2C%20it%20was%20yesterday.)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-860436%22%20slang%3D%22en-US%22%3ERe%3A%20Please%2C%20please%20fix%20chromium%20paint%20order%20bug%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-860436%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F399836%22%20target%3D%22_blank%22%3E%40RobertKS%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CFONT%20color%3D%22%23FF0000%22%3E%3CSTRONG%3EPlease%20stay%20on%20topic%20and%20polite%3A%3C%2FSTRONG%3E%3C%2FFONT%3E%3CBR%20%2F%3E%22%20If%20you're%20sixteen%20years%20old%2C%20I%20can%20see%20how%202012%20seems%20like%20eons%20ago%2C%20but%20to%20me%2C%20it%20was%20yesterday.%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CFONT%20color%3D%22%23000000%22%3ERead%20my%20last%20post%20again%2C%20i%20said%3A%20%3CSTRONG%3E%22i%20wish%20more%20people%20confirmed%20it%20in%20their%20daily%20internet%20usage%20and%20website%20browsing%2C%20would%20definitely%20help%20developers%20better.%22%3C%2FSTRONG%3E%3C%2FFONT%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CFONT%20color%3D%22%23000000%22%3E%3CSPAN%3EI%20also%20asked%20for%20more%20examples%20and%20preferably%20on%20new%20websites%20%3CSTRONG%3Ebut%3C%2FSTRONG%3E%20instead%20of%20providing%20that%2C%20you%20accuse%20others%20of%20lying.%20that's%20neither%20helpful%20nor%20polite.%3C%2FSPAN%3E%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
RobertKS
New Contributor

16_attachments_65eb6423-eee1-4ed4-9172-71c5c40283b8.png

 

Chromium has a longstanding paint order bug that prevents text from rendering properly when it is both underlined and has a drop-shadow applied.  The underline ends up being broken up by the drop-shadow.  This is only one ramification of the bug; the bug results in many other text-rendering oddities.  As another example, multiple text shadows spanning multiple lines also render wrong (see below image).  Firefox, old IE, old Edge, and other browsers do not have this bug and render text correctly.  New Edge now has the bug from chromium.  Can you please please, please fix this chromium paint order bug, now that it affects Edge, too?  https://bugs.chromium.org/p/chromium/issues/detail?id=776627 https://bugs.chromium.org/p/chromium/issues/detail?id=713376

 

Screenshot from 2018-03-08 11-35-46.png

7 Replies
That text distortion looks really awful. im interested to test it out too, can you please suggest me a web page that can display the bug as obviously as possible? thanks

@HotCakeX Did you check out those links?  There are also several others on the chromium forums.  Users regularly resubmit different variants of this paint order bug, but chromium admins have more or less suppressed all of the bug reports by merging them, making them ownerless, and giving them lower than the highest priority, so that they never get addressed.

 

@David Rubino Any chance of this bug being addressed by the Edge Dev team?

Well sites like
https://www.w3.org
or
https://jsfiddle.net
don't count.

I was referring to real life examples on website with at least decent daily users. that means no self hosted site to produce a possible bug that Can also be caused by wrongly implementing CSS codes.

@HotCakeX I mean, I think j-archive.com gets "decent daily users".

 

As posted in one of the bugs.chromium.org links in the post that started this thread (which were the links I was referring to), here is some very basic HTML that reproduces the bug:

 

https://bugs.chromium.org/p/chromium/issues/attachmentText?aid=308575

I'm not sure about that.
And. the design of the website is obviously old.
anyway it's not up to me, maybe a developer of the Edge wants to change that behavior.

but i wouldn't call it a bug, specially when it only happens on very specific old websites and needs special situations to produce it.

i wish more people confirmed it in their daily internet usage and website browsing, would definitely help developers better.

@HotCakeX Respectfully, to say that it is not a bug, or that it only manifests on "old websites," is neither helpful nor honest.  It is obviously a bug, as marked so and as recognized by the chromium developers.  No one disputes that it is a bug; the only controversy is what priority should be given to fixing it, and whom should have the honors.  As well, the bug affects any website that attempts to both underline and drop-shadow text.  This is true whether the website is "old" or "new."  And, it's worth noting that the text-shadow property wasn't introduced until CSS3, so any website that has this particular paint-order problem (of shadows being printed above underlines) can't be that old.  (The first Chrome to support text-shadow was 4.0, and the first IE was 10.0 [released 2012].  If you're sixteen years old, I can see how 2012 seems like eons ago, but to me, it was yesterday.)

@RobertKS 

Please stay on topic and polite:
" If you're sixteen years old, I can see how 2012 seems like eons ago, but to me, it was yesterday."

 

Read my last post again, i said: "i wish more people confirmed it in their daily internet usage and website browsing, would definitely help developers better."

 

I also asked for more examples and preferably on new websites but instead of providing that, you accuse others of lying. that's neither helpful nor polite.

Related Conversations
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
28 Replies
Early preview of Microsoft Edge group policies
Sean Lyndersay in Discussions on
65 Replies
*Updated 9/3* Syncing in Microsoft Edge Preview Channels
Elliot Kirk in Articles on
201 Replies
Tabs and Dark Mode
cjc2112 in Discussions on
2 Replies