-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Description
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