Mask causing background of element to be black

  • Attached ZIP file

    I’m trying to use Mask to create some visual effects. This works fine in local preview, however on iOS the background of the element i’m trying to mask is turning black for some reason. I’ve attached the code I’m using.

Here are some images for reference:

Local preview (Looks as expected):

iOS(Black background):

Does it happen if you use any other content than text? I suspect it’s down to the framebuffer format that text is rendered into on iOS.

Also, does the same thing happen on Android?

It works fine on Android. The problem still occurs when using another element than Text. I forgot to note that I am on Fuse 0.11, if that makes a difference

Seems to work just fine on an iPhone 5s, at least when built with v0.12 Which specific device (and iOS version) have you tested on?

Maybe it’s already been fixed. I’m testing on an iPhone 6 with iOS 9.3.1

I think there’s enough differences between 5s and 6 that it could be platform specific, so let’s not open the champagne quite yet. :slight_smile: Let us know when you’ve had a chance to try out v0.12.

So, more testing shows that this behaves different on iPhone 5 and 6. Making a ticket for this.

OK, further debugging seems to reveal that this is caused by an OpenGL ES driver bug on Apple’s behalf. Ugh.

Luckily, I’ve managed to come up with an alternative way of doing the same thing that does not trigger said bug. I’ll see if I can get it included in upcoming releases.

Ok, the driver bug has been reported to Apple, and a work-around is on it’s way.