Fixed #4237 - Dialog: unstyled mode pointer-event defects

pull/4239/head
Tuğçe Küçükoğlu 2023-08-03 15:43:09 +03:00
parent 66a905dd52
commit 8d5a88cc91
1 changed files with 3 additions and 7 deletions

View File

@ -3,16 +3,11 @@ import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle'; import { useStyle } from 'primevue/usestyle';
const styles = ` const styles = `
.p-dialog-mask {
pointer-events: none;
}
.p-dialog-mask.p-component-overlay { .p-dialog-mask.p-component-overlay {
pointer-events: auto; pointer-events: auto;
} }
.p-dialog { .p-dialog {
pointer-events: auto;
max-height: 90%; max-height: 90%;
transform: scale(1); transform: scale(1);
} }
@ -152,11 +147,12 @@ const inlineStyles = {
display: 'flex', display: 'flex',
justifyContent: position === 'left' || position === 'topleft' || position === 'bottomleft' ? 'flex-start' : position === 'right' || position === 'topright' || position === 'bottomright' ? 'flex-end' : 'center', justifyContent: position === 'left' || position === 'topleft' || position === 'bottomleft' ? 'flex-start' : position === 'right' || position === 'topright' || position === 'bottomright' ? 'flex-end' : 'center',
alignItems: position === 'top' || position === 'topleft' || position === 'topright' ? 'flex-start' : position === 'bottom' || position === 'bottomleft' || position === 'bottomright' ? 'flex-end' : 'center', alignItems: position === 'top' || position === 'topleft' || position === 'topright' ? 'flex-start' : position === 'bottom' || position === 'bottomleft' || position === 'bottomright' ? 'flex-end' : 'center',
pointerEvents: !modal && 'none' pointerEvents: modal ? 'auto' : 'none'
}), }),
root: { root: {
display: 'flex', display: 'flex',
flexDirection: 'column' flexDirection: 'column',
pointerEvents: 'auto'
} }
}; };