restore flatten to a place that is needed (#9334)

This commit is contained in:
Samuel Newman
2025-11-05 12:07:01 +02:00
committed by GitHub
parent 2077699a07
commit 531ff6c433
+4 -3
View File
@@ -16,7 +16,7 @@ import {RemoveScrollBar} from 'react-remove-scroll-bar'
import {logger} from '#/logger' import {logger} from '#/logger'
import {useA11y} from '#/state/a11y' import {useA11y} from '#/state/a11y'
import {useDialogStateControlContext} from '#/state/dialogs' import {useDialogStateControlContext} from '#/state/dialogs'
import {atoms as a, useBreakpoints, useTheme, web} from '#/alf' import {atoms as a, flatten, useBreakpoints, useTheme, web} from '#/alf'
import {Button, ButtonIcon} from '#/components/Button' import {Button, ButtonIcon} from '#/components/Button'
import {Context} from '#/components/Dialog/context' import {Context} from '#/components/Dialog/context'
import { import {
@@ -180,7 +180,8 @@ export function Inner({
onClick={stopPropagation} onClick={stopPropagation}
onStartShouldSetResponder={_ => true} onStartShouldSetResponder={_ => true}
onTouchEnd={stopPropagation} onTouchEnd={stopPropagation}
style={[ // note: flatten is required for some reason -sfn
style={flatten([
a.relative, a.relative,
a.rounded_md, a.rounded_md,
a.w_full, a.w_full,
@@ -195,7 +196,7 @@ export function Inner({
}, },
!reduceMotionEnabled && a.zoom_fade_in, !reduceMotionEnabled && a.zoom_fade_in,
style, style,
]}> ])}>
<DismissableLayer.DismissableLayer <DismissableLayer.DismissableLayer
onInteractOutside={preventDefault} onInteractOutside={preventDefault}
onFocusOutside={preventDefault} onFocusOutside={preventDefault}