fix: update z-index values for DialogWrapper components to ensure proper stacking context

pull/21398/head
twwu 11 months ago
parent 55bff10f0d
commit b0107f4128

@ -50,7 +50,7 @@ const InputTypeSelectField = ({
}} }}
popupProps={{ popupProps={{
className: 'w-[368px]', className: 'w-[368px]',
wrapperClassName: 'z-40', wrapperClassName: 'z-[9999999]',
itemClassName: 'gap-x-1', itemClassName: 'gap-x-1',
}} }}
CustomTrigger={renderTrigger} CustomTrigger={renderTrigger}

@ -21,7 +21,7 @@ const DialogWrapper = ({
const close = useCallback(() => onClose?.(), [onClose]) const close = useCallback(() => onClose?.(), [onClose])
return ( return (
<Transition appear show={show} as={Fragment}> <Transition appear show={show} as={Fragment}>
<Dialog as='div' className='relative z-[2000]' onClose={close}> <Dialog as='div' className='relative z-[1000000]' onClose={close}>
<TransitionChild> <TransitionChild>
<div className={cn( <div className={cn(
'fixed inset-0 bg-black/25', 'fixed inset-0 bg-black/25',

@ -21,7 +21,7 @@ const DialogWrapper = ({
const close = useCallback(() => onClose?.(), [onClose]) const close = useCallback(() => onClose?.(), [onClose])
return ( return (
<Transition appear show={show} as={Fragment}> <Transition appear show={show} as={Fragment}>
<Dialog as='div' className='relative z-[2001]' onClose={close}> <Dialog as='div' className='relative z-[1000001]' onClose={close}>
<TransitionChild> <TransitionChild>
<div className={cn( <div className={cn(
'fixed inset-0 bg-black/25', 'fixed inset-0 bg-black/25',

Loading…
Cancel
Save