Skip to content

[BUG]Panel with canvas overlays Button components on iOS (iPhone/iPad Chrome & Safari) #1977

@yottaVictor

Description

@yottaVictor

Describe the bug
When using a Panel component in FUXA, everything works normally if no properties are set.
However, once the Panel’s Tag property is defined (so that a View can be added to the Panel), the Panel overlays and hides the Button components on iPad/iPhone (Chrome or Safari).
This issue does not occur on Windows 10 Chrome — it only happens on iOS browsers.

To Reproduce

Create a new display in FUXA.

Add a Panel component.

Place 3 Button components inside the Panel.

Do not set any Panel properties → works fine on all browsers.

Set a Tag value for the Panel →

Windows 10 Chrome → works correctly.

iPad/iPhone (Chrome or Safari) → Panel overlays the Buttons.

Expected behavior
Setting the Panel’s Tag should not change its rendering order or cause it to cover child elements.

Actual behavior
When the Panel has a Tag, on iOS browsers (Chrome/Safari), it overlays its Button children.
The Buttons become invisible or unclickable, as if the Panel is rendered above them.
This behavior is not reproducible on desktop Chrome.

Environment

FUXA version: [please fill in, e.g., 1.1.13]

Browser: Chrome (iPad/iPhone), Safari (iPad/iPhone)

OS: iPadOS / iOS 18.6.2

Works fine on: Windows 10 Chrome

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions