Image Preview not working on modal: In IOS when clicked image preview on modal images renders outside of modal

[rfdztorre99]

Describe the bug

Image preview on modal components render not on top modal but behind.

Reproducer

https://stackblitz.com/edit/vitejs-vite-4j1fyspu?file=package.json

System Information

System:
    OS: Mobile IOS 18.1
    Container: Yes
  Binaries:
    Node: 18.15.0 - ~/.nvm/versions/node/v18.15.0/bin/node
    pnpm: 9.7.0 - ~/.local/share/pnpm/pnpm
  npmPackages:
    primereact: 10.8.2 => 10.8.2
    react: 18.2.0 => 18.2.0
    tailwindcss: 3.4.10 => 3.4.10

Steps to reproduce the behavior

1- Open modal on an IOS device running Chrome
2- Click on image preview
3- Image zoom renders not on top modal but behind
4- It allows to image preview other images because of that
5- Image preview other image and error outs of keyboard listener (400)

Expected behavior

1- Open modal
2- Click on image preview
3- Image renders on top of modal not behind it