Fix mobile date filter fullscreen dropdown
This commit is contained in:
1 parent
af542569bf
commit
9c44a3cbbf
1 file changed
+10
-1
@@ -115,7 +115,16 @@ export function DateFilter({
|
||||
popoverProps={{
|
||||
side: side as any,
|
||||
align: (align === 'top' ? 'start' : align === 'bottom' ? 'end' : align) as any,
|
||||
style: { minWidth: 200 },
|
||||
style: isMobile
|
||||
? {
|
||||
// Base UI's positioned wrapper contains React Zen's fullscreen popup.
|
||||
position: 'fixed',
|
||||
inset: 0,
|
||||
width: '100vw',
|
||||
height: '100dvh',
|
||||
transform: 'none',
|
||||
}
|
||||
: { minWidth: 200 },
|
||||
}}
|
||||
isFullscreen={isMobile}
|
||||
>
|
||||
|
||||
Reference in new issue
Block a user