W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2017

Re: [csswg-drafts] [css-backgrounds] Background-clip and text underline

From: CSS Meeting Bot via GitHub <sysbot+gh@w3.org>
Date: Mon, 06 Nov 2017 19:06:02 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-342251900-1509995160-sysbot+gh@w3.org>
The Working Group just discussed `CSS BAckgrounds - background-flip and text-underline`, and agreed to the following resolutions:

* `RESOLVED: text color has no effect on background-clip`
* `RESOLVED: text-decorations should be considered as part of the text shape for background-clip purposes`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> Topic: CSS BAckgrounds - background-flip and text-underline<br>
&lt;astearns> github: https://github.com/w3c/csswg-drafts/issues/900<br>
&lt;TabAtkins> fremy: It seems we always consider underlines as part of the text shape<br>
&lt;TabAtkins> fremy: So for background-clip: text, you draw the background only under the text of th eelement. Intention is you set the text to transparent, so the background layer fills in for the text.<br>
&lt;TabAtkins> fremy: In Firefox tho, the color of the text doesn' tmatter for the shape, but the transparency fo the underline is applied as an opacity on the background.<br>
&lt;TabAtkins> fremy: So if people use color:transparent, the underline is too, and the background under the underline becomes transparent.<br>
&lt;fantasai> @___________@<br>
&lt;TabAtkins> fremy: I don't think this makes sense... Edge is not doing this.<br>
&lt;TabAtkins> TabAtkins: This sounds like accidentally over-applying an opacity filter...<br>
&lt;TabAtkins> fremy: I think it would be good to specify the behavior.<br>
&lt;TabAtkins> smfr: Related, the fill and stroke module will someday handle this, right? Should we even specify this, given that it'll be replaced?<br>
&lt;TabAtkins> TabAtkins: So back to Fran├žois's point - settle that text color shouldn't ahve any effect on background<br>
&lt;TabAtkins> fremy: And that text-decoration should be included as part of the text shape.<br>
&lt;TabAtkins> RESOLVED: text color has no effect on background-clip<br>
&lt;TabAtkins> RESOLVED: text-decorations should be considered as part of the text shape for background-clip purposes<br>
&lt;AmeliaBR> I would definitely expect background-clip: text to include the underline area. Looks like browsers do that even when the underline is from a parent element: https://jsfiddle.net/yLwq77ss/2/<br>

GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/900#issuecomment-342251900 using your GitHub account
Received on Monday, 6 November 2017 19:06:06 UTC

This archive was generated by hypermail 2.3.1 : Monday, 6 November 2017 19:06:06 UTC