UI components were still tappable after the UI had faded out.
It is expected that a user has to first tap the UI (or move the mouse) to make the UI visible, after which the components become interactive again.
pointerEvents="auto" is the default, making the container and its children accept pointer events.
pointerEvents="box-only", while hidden, makes only the UI container interactive, children do not receive pointer events.
UI components were still tappable after the UI had faded out. It is expected that a user has to first tap the UI (or move the mouse) to make the UI visible, after which the components become interactive again.
pointerEvents="auto"
is the default, making the container and its children accept pointer events.pointerEvents="box-only"
, while hidden, makes only the UI container interactive, children do not receive pointer events.