Skip to content

Regression: Element material mask not applied on Firefox for Android (worked in previous engine version) #9209

Description

@Ramon-ES

https://forum.playcanvas.com/t/element-component-mask-not-working-on-firefox-mobile/42525/13

Description

Element component masks using a material as the mask source do not render correctly on Firefox for Android. The mask has no visual effect — elements render as plain rectangles. Element masks using an image work correctly.

This is a regression: the same material-based mask worked on Firefox for Android with the previous engine version.

Reproduction

Project: https://playcanvas.com/editor/project/1584168

Steps:

  1. Open the reproduction project on Firefox for Android
  2. Observe the hotspot elements — they should appear as circular masked images (material mask)
  3. They instead appear as unmasked squares

Expected behaviour

Circular masked element, as visible on desktop, Chrome for Android, and Firefox for Android on the previous engine version.

Actual behaviour

Material-based mask has no effect. Element renders as a plain rectangle.

Platform

Platform | Result -- | -- Desktop browsers | ✅ Working Chrome for Android | ✅ Working Firefox for Android — image mask | ✅ Working Firefox for Android — material mask | ❌ Broken Firefox for Android — previous engine (material mask) | ✅ Working


Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions