Sheet modal is overlapped by underlying screen content #1432
Description
Describe the bug
When opening a Sheet modal over a screen, the content of the underlying screen is overlapping the modal, making it partially or fully unreadable and unusable.
To Reproduce Steps to reproduce the behavior:
- Go to a screen where a Sheet modal can be triggered.
- Click on the button or action that opens the Sheet modal.
- Observe the modal and the underlying screen content.
- See that the screen content appears above the modal, overlapping it.
Expected behavior
The Sheet modal should appear above all other DataCard componentes, preventing any underlying elements from overlapping or interfering with the modal's visibility and usability.
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: macOS Sequioa 15.6.1
- Browser: Chrome / Safari
- Version 140.0.7339.81 / 18.6
Additional context Add any other context about the problem here.
Mistica: >=16:37.0
Code
function ModalToContinue({ onClose }: ModalToContinueProps) {
const router = useRouter();
return (
<Sheet onClose={onClose}>
{({ modalTitleId }) => (
<SheetBody
modalTitleId={modalTitleId}
subtitle="Mensagem do modal"
button={
<ButtonPrimary onPress={() => router.push('<rota>')}>
Continuar
</ButtonPrimary>
}
secondaryButton={
<ButtonLink onPress={onClose}>Cancelar</ButtonLink>
}
/>
)}
</Sheet>
);
}
Note: This bug was not present in the version 16.36.0 of Mistica, indicating a possible regression.
