Don’t set a focus fallback for Dialog’s in demo mode (#3194)

thecrypticace · web-flow · commit 4eff138adab5 · 2024-05-10T14:55:17.000-04:00
* Don’t set a focus fallback for Dialog’s in demo mode

* Update changelog
diff --git a/packages/@headlessui-react/CHANGELOG.md b/packages/@headlessui-react/CHANGELOG.md
@@ -7,7 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Nothing yet!
+### Fixed
+
+- [internal] Don’t set a focus fallback for Dialog’s in demo mode ([#3194](https://github.com/tailwindlabs/headlessui/pull/3194))
 
 ## [2.0.3] - 2024-05-07
 
diff --git a/packages/@headlessui-react/src/components/dialog/dialog.tsx b/packages/@headlessui-react/src/components/dialog/dialog.tsx
@@ -393,7 +393,7 @@ function DialogFn<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(
                   <PortalWrapper>
                     <FocusTrap
                       initialFocus={initialFocus}
-                      initialFocusFallback={internalDialogRef}
+                      initialFocusFallback={__demoMode ? undefined : internalDialogRef}
                       containers={resolveRootContainers}
                       features={focusTrapFeatures}
                     >

Original file line number	Diff line number	Diff line change
`@@ -393,7 +393,7 @@ function DialogFn<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(`
`393`	`393`	`<PortalWrapper>`
`394`	`394`	`<FocusTrap`
`395`	`395`	`initialFocus={initialFocus}`
`396`		`- initialFocusFallback={internalDialogRef}`
	`396`	`+ initialFocusFallback={__demoMode ? undefined : internalDialogRef}`
`397`	`397`	`containers={resolveRootContainers}`
`398`	`398`	`features={focusTrapFeatures}`
`399`	`399`	`>`