From da13b17a40097140d795fc312893ca583c19c5cc Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Fri, 21 Jun 2024 12:43:13 +0200 Subject: [PATCH 1/2] add `aria-hidden` to `DialogBackdrop` --- packages/@headlessui-react/src/components/dialog/dialog.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@headlessui-react/src/components/dialog/dialog.tsx b/packages/@headlessui-react/src/components/dialog/dialog.tsx index 4bf680c86f..5db0b2ffaa 100644 --- a/packages/@headlessui-react/src/components/dialog/dialog.tsx +++ b/packages/@headlessui-react/src/components/dialog/dialog.tsx @@ -483,7 +483,7 @@ function BackdropFn( [dialogState] ) - let ourProps = { ref } + let ourProps = { ref, 'aria-hidden': true } let Wrapper = transition ? TransitionChild : Fragment From 7ebc04a12a8f605de1a73da47d5ec631556730e8 Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Fri, 21 Jun 2024 12:45:07 +0200 Subject: [PATCH 2/2] update changelog --- packages/@headlessui-react/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@headlessui-react/CHANGELOG.md b/packages/@headlessui-react/CHANGELOG.md index e757863003..a374830916 100644 --- a/packages/@headlessui-react/CHANGELOG.md +++ b/packages/@headlessui-react/CHANGELOG.md @@ -12,7 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Add ability to render multiple `Dialog` components at once (without nesting them) ([#3242](https://github.com/tailwindlabs/headlessui/pull/3242)) - Add CSS based transitions using `data-*` attributes ([#3273](https://github.com/tailwindlabs/headlessui/pull/3273), [#3285](https://github.com/tailwindlabs/headlessui/pull/3285)) - Add `transition` prop to `Dialog`, `DialogBackdrop` and `DialogPanel` components ([#3307](https://github.com/tailwindlabs/headlessui/pull/3307), [#3309](https://github.com/tailwindlabs/headlessui/pull/3309)) -- Add `DialogBackdrop` component ([#3307](https://github.com/tailwindlabs/headlessui/pull/3307)) +- Add `DialogBackdrop` component ([#3307](https://github.com/tailwindlabs/headlessui/pull/3307), [#3310](https://github.com/tailwindlabs/headlessui/pull/3310)) - Add `PopoverBackdrop` component to replace `PopoverOverlay` ([#3308](https://github.com/tailwindlabs/headlessui/pull/3308)) ### Fixed