Image: Unexpected global esc key listener with priority [400, 0] already exists

[enzolry]

Describe the bug

I have a gallery on a page that uses the Image component to display a list in a grid layout. All images use the preview prop to enable click to zoom.

Many times, when I click on an image, the overlay appears without a style="z-index: X" attribute on the .p-image-mask wrapper which causes the overlay to display behind other page elements.

Then if I try to click on another image to trigger another preview, it crashes with the error "Unexpected: global esc key listener with priority [400, 0] already exists".

Sometimes the overlay shows up properly with a z-index, it seems random and I can't figure out why.

I already faced this error with other PrimeReact components and I've read on other tickets that it should have been fixed by now ? (the bug exists in 10.6.3 and 10.9.1).

I should mention that it does not happen on the web version of the app but inside the Chrome and Safari webviews using CapacitorJS.

Reproducer

No response

System Information

System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i7-1255U
    Memory: 2.01 GB / 15.31 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Binaries:
    Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm
  Browsers:
    Chrome: 134.0.6998.165
  npmPackages:
    primereact: 10.9.1 => 10.9.1 (Same with 10.6.3)
    react: ^18.2.0 => 18.3.1

Steps to reproduce the behavior

No response

Expected behavior

No response

[melloware]

I don't know what CapacitorJS but likely something is not working as expected with how the Global values are tracked in this scenarios vs using normal Web.

[github-actions]

Please fork the Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

[enzolry]

@melloware I've managed to reproduce the error on web mobile (using Chrome devtools to simulate a Pixel 7). But I can't reproduce it consistently... Could this be related to a mobile or touch device ?

[melloware]

It could be but its impossible for me to debug without a reproducer!