Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

p-dialog-mask zIndex very less #7274

Open
bloodykheeng opened this issue Sep 30, 2024 · 2 comments
Open

p-dialog-mask zIndex very less #7274

bloodykheeng opened this issue Sep 30, 2024 · 2 comments
Labels
Type: Bug Issue contains a defect related to a specific component.

Comments

@bloodykheeng
Copy link

Describe the bug

@melloware issue is still there prime react 10.6.6 . i was using the image component with a preview on a map marker (leaflet js) but i noted when i click on a map marker it opens a popup where i display the primereact image component and the primereact image component has preview enabled .

preview works when my map is not in full screeen but when i put it in full screen i get error. So the problem happens when i try to preview image when ive opened the map in full screen

am using this to show map in full screen
import "leaflet-fullscreen";
import "leaflet-fullscreen/dist/Leaflet.fullscreen.js";
import "leaflet-fullscreen/dist/leaflet.fullscreen.css";

what i noted the maps z index is greater than the image preview z index so the image shows behind the map when am in the maps view full screen and when i try to preview the image in full screen and so the image previews but it comes behind the map

so when i try to open another image when the first image is still open behind the map i get this error

Unexpected: global esc key listener with priority [400, 0] already exists.
at Object.addListener (http://localhost:3000/static/js/bundle.js:342549:13)
at http://localhost:3000/static/js/bundle.js:342570:38
at commitHookEffectListMount (http://localhost:3000/static/js/bundle.js:408788:30)
at commitPassiveMountOnFiber

i need some help here how can i set the image preview zIndex such that i make it greater than the map am using leaflet for my maps

Reproducer

No response

System Information

"primeflex": "^3.3.1",
        "primeicons": "^7.0.0",
        "primereact": "^10.6.6",
        "react": "^18.3.1",

Steps to reproduce the behavior

create a react leaflet js map
put there a popup maker
on the maker add there prime react image with preview true
run app

open map view it in fullscreen
click marker now try to preview image in full screen uill see that its not shown
but if u close the map uill see the image

Expected behavior

p-dialog-mask should have a higher zIndex always or give us options to set the zIndex in image and diaglogs

@bloodykheeng bloodykheeng added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Sep 30, 2024
@sja-cslab
Copy link
Contributor

sja-cslab commented Sep 30, 2024

@melloware Relates to #7220 fixed in #7228 but different component.

@melloware
Copy link
Member

Agreed

@melloware melloware added Type: Bug Issue contains a defect related to a specific component. and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Sep 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a defect related to a specific component.
Projects
None yet
Development

No branches or pull requests

3 participants