1224422 - (mask-image) [Meta] Implement and ship CSS Positioned Masks (mask-image, etc.)

Status: NEW

(Core :: Layout, enhancement)

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

This bug should be about shipping https://drafts.fxtf.org/css-masking-1/#masking (Positioned Masks).

https://drafts.fxtf.org/css-masking-1/#mask-borders (Border-Box Mask) should be covered by a separate bug.

Comment 2

[Astley Chen (inactive)]

(In reply to David Baron [:dbaron] ⌚UTC-8 from comment #1)

> https://drafts.fxtf.org/css-masking-1/#mask-borders (Border-Box Mask) should
> be covered by a separate bug.

Is there any bug covering Border-Box Mask implementation? If it's not present, I'll create a meta bug for it first.

Comment 3

[u459114]

(In reply to Astley Chen [:astley] from comment #2)
> (In reply to David Baron [:dbaron] ⌚UTC-8 from comment #1)
> 
> > https://drafts.fxtf.org/css-masking-1/#mask-borders (Border-Box Mask) should
> > be covered by a separate bug.
> 
> Is there any bug covering Border-Box Mask implementation? If it's not
> present, I'll create a meta bug for it first.

I don't see one.

Comment 4

[yisibl]

Please support mask-border-* https://bugzilla.mozilla.org/show_bug.cgi?id=877294

Comment 5

[u459114]

bug 1224424 bug 1228280 bug 1228354 bug 1231643 bug 1243675 bug 1245499 should be fixed before turn on this feature.

Comment 6

[Karl Dubost💡 :karlcow]

Used in http://nipponcolors.com/#akashirotsurubami
See https://webcompat.com/issues/2337

Example:

#colorTitle {
	width:440px;
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-mask-image:url(/images/mask_h2.png);
	-webkit-mask-position-y:0px;
	-webkit-mask-repeat:repeat-x
}
@-webkit-keyframes 'h2-fadeOut' {
	0% {
		-webkit-mask-position-y:0px
	}
	100% {
		-webkit-mask-position-y: -696px
	}
}

Comment 7

[Martin Best (:mbest)]

did this go out in 45?

Comment 8

[Karl Dubost💡 :karlcow]

Martin, 

This meta bug is not fixed yet, or are you talking about something else? A dependency?

Comment 9

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Note that shipping this requires flipping the compile-time flag added in bug 1243734.

Comment 10

[Karl Dubost💡 :karlcow]

So we have this Webcompat issue which seems to be a regression with mask.
See the tests in https://webcompat.com/issues/2992

Do we have a bug for this issue I can point to?

Comment 11

[u459114]

(In reply to Karl Dubost :karlcow from comment #10)
> So we have this Webcompat issue which seems to be a regression with mask.
> See the tests in https://webcompat.com/issues/2992
> 
> Do we have a bug for this issue I can point to?

Bug 1294171?

Comment 12

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

bug 1251161 enabled this on beta and release channels.