fix(base): prevent popover inputs from losing focus on mobile in row detail modal

This commit is contained in:
Philipinho
2026-06-17 14:37:41 +01:00
parent 0e3549faf1
commit 0b7bc70a7d
7 changed files with 7 additions and 0 deletions
@@ -125,6 +125,7 @@ export function CellFile({
trapFocus
closeOnClickOutside
closeOnEscape
hideDetached={false}
>
<Popover.Target>
<div className={cellClasses.popoverTarget}>
@@ -237,6 +237,7 @@ function PagePicker({
trapFocus
closeOnClickOutside
closeOnEscape
hideDetached={false}
>
<Popover.Target>
<div className={cellClasses.popoverTarget}>
@@ -142,6 +142,7 @@ export function CellPerson({
trapFocus
closeOnClickOutside
closeOnEscape
hideDetached={false}
>
<Popover.Target>
<div className={cellClasses.popoverTarget}>
@@ -235,6 +235,7 @@ export function CreatePropertyPopover({ pageId, properties, onPropertyCreated, r
closeOnClickOutside
closeOnEscape={false}
withinPortal
hideDetached={false}
middlewares={{
flip: false,
shift: true,
@@ -66,6 +66,7 @@ export function FieldChoice({ property, value, readOnly, onChange }: FieldProps)
trapFocus
closeOnClickOutside
closeOnEscape={false}
hideDetached={false}
>
<Popover.Target>
<FieldShell
@@ -41,6 +41,7 @@ export function FieldDate({ property, value, readOnly, onChange }: FieldProps) {
trapFocus
closeOnClickOutside
closeOnEscape
hideDetached={false}
>
<Popover.Target>
<FieldShell
@@ -75,6 +75,7 @@ export function PropertyRow({
withinPortal
closeOnClickOutside={false}
closeOnEscape={false}
hideDetached={false}
>
<Popover.Target>
<button