Open Bug 1224422 (mask-image) Opened 9 years ago Updated 1 year ago

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

Categories

(Core :: Layout, enhancement)

enhancement

Tracking

()

mozilla45

People

(Reporter: u459114, Unassigned)

References

(Depends on 7 open bugs, Blocks 1 open bug, )

Details

(Keywords: DevAdvocacy, feature, meta, Whiteboard: [DevRel:P1])

      No description provided.
Depends on: 1224424
Alias: mask-image
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.
Summary: [Meta] Implement and ship CSS mask → [Meta] Implement and ship CSS Positioned Masks
Summary: [Meta] Implement and ship CSS Positioned Masks → [Meta] Implement and ship CSS Positioned Masks (mask-image, etc.)
(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.
Depends on: 1228280
Depends on: 1228354
(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.
Depends on: 1231643
Depends on: 1234485
Depends on: 1235015
Depends on: 1235494
Depends on: 1243675
Depends on: 1243734
Blocks: 658467
Depends on: 1244598
Please support mask-border-* https://bugzilla.mozilla.org/show_bug.cgi?id=877294
Depends on: 1244628
Depends on: 1245499
Depends on: 1247560
Depends on: 1250421
Depends on: 1250490
bug 1224424 bug 1228280 bug 1228354 bug 1231643 bug 1243675 bug 1245499 should be fixed before turn on this feature.
Depends on: 1251115
Blocks: mask-ship
No longer blocks: mask-ship
Depends on: mask-ship
Depends on: 1252739

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
	}
}
Depends on: 1258286
Depends on: 1258623
Depends on: 1258626
did this go out in 45?
Martin, 

This meta bug is not fixed yet, or are you talking about something else? A dependency?
Depends on: 1260094
Note that shipping this requires flipping the compile-time flag added in bug 1243734.
No longer blocks: 658467
Keywords: feature, meta
Depends on: 1275450
Depends on: 1273807
Depends on: 1273804, 1274236
Depends on: 1276834
Depends on: 1275478
Depends on: 1272859
Depends on: 1277748
Depends on: 1277788
Depends on: 1281101
Depends on: 1280707, 1284169
Depends on: 1285857
Keywords: DevAdvocacy
Whiteboard: [DevRel:P1]
Depends on: 1258510
Depends on: 1286299
Depends on: 1286337
Depends on: 1286342
No longer depends on: mask-ship
Depends on: 1295065
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?
(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?
Depends on: 1296250
Depends on: 1300384
Depends on: 1300401
Depends on: 1303623
Depends on: 1305636
Depends on: 1299715
Depends on: 1308617
Depends on: 1309646
Depends on: 1309804
Depends on: 1313001
Depends on: 1313570
Depends on: 1313877
Depends on: 1313898
Depends on: 1314001
Depends on: 1314536
Depends on: 1311270
Depends on: 1316270
Depends on: 1317636
Depends on: 1313276
Depends on: 1318266
Depends on: 1318418
Depends on: 1319406
Depends on: 1319407
No longer depends on: 1319407
Depends on: 1319667
Depends on: 1273244
Depends on: 1320364
No longer depends on: 1273244
bug 1251161 enabled this on beta and release channels.
Depends on: 1322793
Depends on: 1323912
Depends on: 1324809
Depends on: 1325590
Depends on: 1325550
Depends on: 1328063
Depends on: 1329091
Depends on: 1330286
Depends on: 1357681
Depends on: 1386986
Depends on: 1535822
Type: defect → enhancement
Webcompat Priority: --- → ?
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.