rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Fixed issue on mobile where modals would should up behind the current menu

Browse Source
This commit is contained in:
Aman Harwara
2023-11-30 03:17:16 +05:30
parent a6a0e673d0
commit b85f04059c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx
View File

@@ -52,7 +52,7 @@ const ModalOverlay = forwardRef(
const id = 'portal/' + portalId const id = 'portal/' + portalId
const existing = document.getElementById(id) const existing = document.getElementById(id)
if (existing) { if (existing) {
return existing existing.remove()
} }
const div = document.createElement('div') const div = document.createElement('div')
div.id = id div.id = id
@@ -79,15 +79,15 @@ const ModalOverlay = forwardRef(
<Dialog <Dialog
tabIndex={0} tabIndex={0}
className={classNames( className={classNames(
'z-[1] pointer-events-auto m-0 flex h-full w-full flex-col border-[--popover-border-color] bg-default md:bg-[--popover-background-color] md:[backdrop-filter:var(--popover-backdrop-filter)] p-0 md:h-auto md:max-h-[85vh] md:w-160 md:rounded md:border md:shadow-main', 'pointer-events-auto z-[1] m-0 flex h-full w-full flex-col border-[--popover-border-color] bg-default p-0 md:h-auto md:max-h-[85vh] md:w-160 md:rounded md:border md:bg-[--popover-background-color] md:shadow-main md:[backdrop-filter:var(--popover-backdrop-filter)]',
'focus-visible:shadow-none focus-visible:outline-none', 'focus-visible:shadow-none focus-visible:outline-none',
className, className,
)} )}
backdrop={ backdrop={
<div <div
className={classNames( className={classNames(
'absolute z-0 h-full w-full bg-passive-5 opacity-0 pointer-events-auto', 'pointer-events-auto absolute z-0 h-full w-full bg-passive-5 opacity-0',
'md:transition-opacity md:duration-75 md:opacity-50 [&[data-enter]]:md:opacity-75', 'md:opacity-50 md:transition-opacity md:duration-75 [&[data-enter]]:md:opacity-75',
backdropClassName, backdropClassName,
)} )}
onClick={close} onClick={close}