Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make sure disabling demo mode on <Combobox> works #3182

Merged
merged 2 commits into from May 7, 2024

Conversation

thecrypticace
Copy link
Contributor

Our internal __demoMode prop that we use is intended to be disabled internally once a user interacts with the Combobox. However, we were incorrectly overriding this in a useMemo with the value of the prop which was always true.

Copy link

vercel bot commented May 7, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
headlessui-react ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 7, 2024 6:03pm
headlessui-vue ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 7, 2024 6:03pm

@thecrypticace thecrypticace merged commit a303819 into main May 7, 2024
8 checks passed
@thecrypticace thecrypticace deleted the fix/demo-mode-removal-combobox branch May 7, 2024 18:10
nicolewhite pushed a commit to autoblocksai/autoblocks-examples that referenced this pull request May 13, 2024
[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@headlessui/react](https://togithub.com/tailwindlabs/headlessui)
([source](https://togithub.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react))
| [`^1.7.13` ->
`^2.0.0`](https://renovatebot.com/diffs/npm/@headlessui%2freact/1.7.19/2.0.3)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>tailwindlabs/headlessui (@&#8203;headlessui/react)</summary>

###
[`v2.0.3`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#203---2024-05-07)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.2...@headlessui/react@v2.0.3)

##### Fixed

- Make sure disabling demo mode on `<Combobox>` works
([#&#8203;3182](hhttps://togithub.com/tailwindlabs/headlessui/pull/3182))

###
[`v2.0.2`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#202---2024-05-07)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.1...@headlessui/react@v2.0.2)

##### Fixed

- Improve performance of internal `useInertOthers` hook
([#&#8203;3181](https://togithub.com/tailwindlabs/headlessui/pull/3181))

###
[`v2.0.1`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#201---2024-05-06)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.0...@headlessui/react@v2.0.1)

##### Fixed

- Remove accidental deprecation comments on `<DialogPanel>` and
`<DialogTitle>`
([#&#8203;3176](https://togithub.com/tailwindlabs/headlessui/pull/3176))

###
[`v2.0.0`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#200---2024-05-06)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v1.7.19...@headlessui/react@v2.0.0)

##### Added

- Add new `Checkbox` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2962](https://togithub.com/tailwindlabs/headlessui/pull/2962))
- Add new `Button` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `Input` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://togithub.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://togithub.com/tailwindlabs/headlessui/pull/2940))
- Add new `Textarea` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://togithub.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://togithub.com/tailwindlabs/headlessui/pull/2940))
- Add new `Select` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://togithub.com/tailwindlabs/headlessui/pull/2902))
- Add new `Fieldset` and `Legend` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `Field`, `Label`, and `Description` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2941](https://togithub.com/tailwindlabs/headlessui/pull/2941))
- Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `ListboxSelectedOption` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `DataInteractive` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `CloseButton` component and `useClose` hook
([#&#8203;3096](https://togithub.com/tailwindlabs/headlessui/pull/3096))
- Add new `anchor`, `modal`, and `portal` props to `Combobox`,
`Listbox`, `Menu` and `Popover` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3075](https://togithub.com/tailwindlabs/headlessui/pull/3075),
[#&#8203;3097](https://togithub.com/tailwindlabs/headlessui/pull/3097),
[#&#8203;3111](https://togithub.com/tailwindlabs/headlessui/pull/3111),
[#&#8203;3115](https://togithub.com/tailwindlabs/headlessui/pull/3115),
[#&#8203;3121](https://togithub.com/tailwindlabs/headlessui/pull/3121),
[#&#8203;3124](https://togithub.com/tailwindlabs/headlessui/pull/3124),
[#&#8203;3133](https://togithub.com/tailwindlabs/headlessui/pull/3133),
[#&#8203;3138](https://togithub.com/tailwindlabs/headlessui/pull/3138),
[#&#8203;3148](https://togithub.com/tailwindlabs/headlessui/pull/3148),
[#&#8203;3152](https://togithub.com/tailwindlabs/headlessui/pull/3152),
[#&#8203;3154](https://togithub.com/tailwindlabs/headlessui/pull/3154),
[#&#8203;3157](https://togithub.com/tailwindlabs/headlessui/pull/3157))
- Add new `autoFocus` prop to focusable components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `virtual` prop to `Combobox` component
([#&#8203;2779](https://togithub.com/tailwindlabs/headlessui/pull/2779),
[#&#8203;3128](https://togithub.com/tailwindlabs/headlessui/pull/3128),
[#&#8203;3160](https://togithub.com/tailwindlabs/headlessui/pull/3160),
[#&#8203;3161](https://togithub.com/tailwindlabs/headlessui/pull/3161),
[#&#8203;3163](https://togithub.com/tailwindlabs/headlessui/pull/3163))
- Add new `onClose` prop to `Combobox` component
([#&#8203;3122](https://togithub.com/tailwindlabs/headlessui/pull/3122))
- Add new `immediate` prop to `Combobox` for immediately opening the
Combobox when the `input` receives focus
([#&#8203;2686](https://togithub.com/tailwindlabs/headlessui/pull/2686))
- Add new `--button-width` CSS variable on the `ListboxOptions`,
`MenuItems`, and `PopoverPanel` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3058](https://togithub.com/tailwindlabs/headlessui/pull/3058))
- Add new `--input-width` and `--button-width` CSS variables on the
`ComboboxOptions` component
([#&#8203;3057](https://togithub.com/tailwindlabs/headlessui/pull/3057))
- Add new `data-*` attributes as an alternative to the existing
`data-headlessui-state` attribute
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3035](https://togithub.com/tailwindlabs/headlessui/pull/3035),
[#&#8203;3061](https://togithub.com/tailwindlabs/headlessui/pull/3061))

##### Fixed

- Fix scroll-locking on iOS
([#&#8203;2891](https://togithub.com/tailwindlabs/headlessui/pull/2891))
- Fix cancellation of events when using `disabled` or `aria-disabled`
attributes
([#&#8203;2890](https://togithub.com/tailwindlabs/headlessui/pull/2890))
- Fix unnecessary execution of the `displayValue` callback in
`ComboboxInput` component
([#&#8203;3048](https://togithub.com/tailwindlabs/headlessui/pull/3048))
- Fix types for `multiple` prop in `Combobox` component
([#&#8203;3099](https://togithub.com/tailwindlabs/headlessui/pull/3099))
- Fix focus handling in `ComboboxInput` component
([#&#8203;3065](https://togithub.com/tailwindlabs/headlessui/pull/3065),
[#&#8203;3073](https://togithub.com/tailwindlabs/headlessui/pull/3073))
- Fix enter transitions in `Transition` component
([#&#8203;3074](https://togithub.com/tailwindlabs/headlessui/pull/3074))
- Fix focus handling in `ListboxOptions` and `MenuItems` components
([#&#8203;3112](https://togithub.com/tailwindlabs/headlessui/pull/3112))
- Fix horizontal scrolling inside the `Dialog` component
([#&#8203;2889](https://togithub.com/tailwindlabs/headlessui/pull/2889))
- Don’t cancel `touchmove` on `input` elements inside a dialog
([#&#8203;3166](https://togithub.com/tailwindlabs/headlessui/pull/3166))

##### Changed

- Require React 18
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3092](https://togithub.com/tailwindlabs/headlessui/pull/3092),
[#&#8203;3131](https://togithub.com/tailwindlabs/headlessui/pull/3131))
- Always render hidden form input fields for `Checkbox`, `Switch`, and
`RadioGroup` components
([#&#8203;3095](https://togithub.com/tailwindlabs/headlessui/pull/3095))
- Deprecate the `RadioGroup.Option` component in favor of new `Radio`
component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Dialog is now focused by default instead of the first focusable
element
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Change default tags for `ListboxOptions`, `ListboxOption`,
`ComboboxOptions`, `ComboboxOption`, and `TabGroup` components
([#&#8203;3109](https://togithub.com/tailwindlabs/headlessui/pull/3109))
- Change default tag from `div` to `Fragment` on `Transition` components
([#&#8203;3110](https://togithub.com/tailwindlabs/headlessui/pull/3110),
[#&#8203;3147](https://togithub.com/tailwindlabs/headlessui/pull/3147))
- Allow `Combobox` component to have a `null` value
([#&#8203;3064](https://togithub.com/tailwindlabs/headlessui/pull/3064),
[#&#8203;3100](https://togithub.com/tailwindlabs/headlessui/pull/3100))
- Attempt form submission when pressing enter on the `ListboxButton`
component
([#&#8203;2972](https://togithub.com/tailwindlabs/headlessui/pull/2972))
- Deprecate the `entered` prop on the `Transition` component
([#&#8203;3089](https://togithub.com/tailwindlabs/headlessui/pull/3089))
- Deprecate dot notation for components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3170](https://togithub.com/tailwindlabs/headlessui/pull/3170))
- Add frozen value to `ComboboxOptions` component
([#&#8203;3126](https://togithub.com/tailwindlabs/headlessui/pull/3126))
- Remove deprecated `DialogBackdrop` and `DialogOverlay` components
([#&#8203;3171](https://togithub.com/tailwindlabs/headlessui/pull/3171))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/autoblocksai/autoblocks-examples).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zNDAuMTAiLCJ1cGRhdGVkSW5WZXIiOiIzNy4zNDAuMTAiLCJ0YXJnZXRCcmFuY2giOiJtYWluIiwibGFiZWxzIjpbXX0=-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
crimsonstrife added a commit to crimsonstrife/laravel-portfolio that referenced this pull request May 13, 2024
Bumps
[@headlessui/react](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react)
from 2.0.1 to 2.0.3.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/tailwindlabs/headlessui/releases"><code>@​headlessui/react</code>'s
releases</a>.</em></p>
<blockquote>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.3</h2>
<h3>Fixed</h3>
<ul>
<li>Make sure disabling demo mode on <code>&lt;Combobox&gt;</code> works
(<a
href="hhttps://redirect.github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li>
</ul>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.2</h2>
<h3>Fixed</h3>
<ul>
<li>Improve performance of internal <code>useInertOthers</code> hook (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/tailwindlabs/headlessui/blob/main/packages/@headlessui-react/CHANGELOG.md"><code>@​headlessui/react</code>'s
changelog</a>.</em></p>
<blockquote>
<h2>[2.0.3] - 2024-05-07</h2>
<h3>Fixed</h3>
<ul>
<li>Make sure disabling demo mode on <code>&lt;Combobox&gt;</code> works
(<a
href="hhttps://redirect.github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li>
</ul>
<h2>[2.0.2] - 2024-05-07</h2>
<h3>Fixed</h3>
<ul>
<li>Improve performance of internal <code>useInertOthers</code> hook (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li>
</ul>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/f513614ffe6360583736dfcdc530529b5069b65f"><code>f513614</code></a>
2.0.3 - <code>@​headlessui/react</code></li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/a303819018c8f28d06c1b7db2aaea2d564156be6"><code>a303819</code></a>
Make sure disabling demo mode on <code>\&lt;Combobox&gt;</code> works
(<a
href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3182">#3182</a>)</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/48cf712d80dd645d0da765748701203542440b35"><code>48cf712</code></a>
2.0.2 - <code>@​headlessui/react</code></li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/e0688c4865183d9634d0de5f2b3d34ebab18f08e"><code>e0688c4</code></a>
Improve performance of internal <code>useInertOthers</code> hook (<a
href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3181">#3181</a>)</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/886fdf7e6c70863088a7e6ec7ade1762c48a995f"><code>886fdf7</code></a>
Ensure clicking a <code>ComboboxOption</code> after filtering the
options, correctly tri...</li>
<li>See full diff in <a
href="https://github.com/tailwindlabs/headlessui/commits/@headlessui/react@v2.0.3/packages/@headlessui-react">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@headlessui/react&package-manager=npm_and_yarn&previous-version=2.0.1&new-version=2.0.3)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>
wesbillman pushed a commit to TBD54566975/ftl that referenced this pull request May 13, 2024
[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@headlessui/react](https://togithub.com/tailwindlabs/headlessui)
([source](https://togithub.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react))
| [`1.7.19` ->
`2.0.3`](https://renovatebot.com/diffs/npm/@headlessui%2freact/1.7.19/2.0.3)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>tailwindlabs/headlessui (@&#8203;headlessui/react)</summary>

###
[`v2.0.3`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#203---2024-05-07)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.2...@headlessui/react@v2.0.3)

##### Fixed

- Make sure disabling demo mode on `<Combobox>` works
([#&#8203;3182](hhttps://togithub.com/tailwindlabs/headlessui/pull/3182))

###
[`v2.0.2`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#202---2024-05-07)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.1...@headlessui/react@v2.0.2)

##### Fixed

- Improve performance of internal `useInertOthers` hook
([#&#8203;3181](https://togithub.com/tailwindlabs/headlessui/pull/3181))

###
[`v2.0.1`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#201---2024-05-06)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.0...@headlessui/react@v2.0.1)

##### Fixed

- Remove accidental deprecation comments on `<DialogPanel>` and
`<DialogTitle>`
([#&#8203;3176](https://togithub.com/tailwindlabs/headlessui/pull/3176))

###
[`v2.0.0`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;headlessui-react/CHANGELOG.md#200---2024-05-06)

[Compare
Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v1.7.19...@headlessui/react@v2.0.0)

##### Added

- Add new `Checkbox` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2962](https://togithub.com/tailwindlabs/headlessui/pull/2962))
- Add new `Button` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `Input` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://togithub.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://togithub.com/tailwindlabs/headlessui/pull/2940))
- Add new `Textarea` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://togithub.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://togithub.com/tailwindlabs/headlessui/pull/2940))
- Add new `Select` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://togithub.com/tailwindlabs/headlessui/pull/2902))
- Add new `Fieldset` and `Legend` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `Field`, `Label`, and `Description` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2941](https://togithub.com/tailwindlabs/headlessui/pull/2941))
- Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `ListboxSelectedOption` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `DataInteractive` component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `CloseButton` component and `useClose` hook
([#&#8203;3096](https://togithub.com/tailwindlabs/headlessui/pull/3096))
- Add new `anchor`, `modal`, and `portal` props to `Combobox`,
`Listbox`, `Menu` and `Popover` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3075](https://togithub.com/tailwindlabs/headlessui/pull/3075),
[#&#8203;3097](https://togithub.com/tailwindlabs/headlessui/pull/3097),
[#&#8203;3111](https://togithub.com/tailwindlabs/headlessui/pull/3111),
[#&#8203;3115](https://togithub.com/tailwindlabs/headlessui/pull/3115),
[#&#8203;3121](https://togithub.com/tailwindlabs/headlessui/pull/3121),
[#&#8203;3124](https://togithub.com/tailwindlabs/headlessui/pull/3124),
[#&#8203;3133](https://togithub.com/tailwindlabs/headlessui/pull/3133),
[#&#8203;3138](https://togithub.com/tailwindlabs/headlessui/pull/3138),
[#&#8203;3148](https://togithub.com/tailwindlabs/headlessui/pull/3148),
[#&#8203;3152](https://togithub.com/tailwindlabs/headlessui/pull/3152),
[#&#8203;3154](https://togithub.com/tailwindlabs/headlessui/pull/3154),
[#&#8203;3157](https://togithub.com/tailwindlabs/headlessui/pull/3157))
- Add new `autoFocus` prop to focusable components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Add new `virtual` prop to `Combobox` component
([#&#8203;2779](https://togithub.com/tailwindlabs/headlessui/pull/2779),
[#&#8203;3128](https://togithub.com/tailwindlabs/headlessui/pull/3128),
[#&#8203;3160](https://togithub.com/tailwindlabs/headlessui/pull/3160),
[#&#8203;3161](https://togithub.com/tailwindlabs/headlessui/pull/3161),
[#&#8203;3163](https://togithub.com/tailwindlabs/headlessui/pull/3163))
- Add new `onClose` prop to `Combobox` component
([#&#8203;3122](https://togithub.com/tailwindlabs/headlessui/pull/3122))
- Add new `immediate` prop to `Combobox` for immediately opening the
Combobox when the `input` receives focus
([#&#8203;2686](https://togithub.com/tailwindlabs/headlessui/pull/2686))
- Add new `--button-width` CSS variable on the `ListboxOptions`,
`MenuItems`, and `PopoverPanel` components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3058](https://togithub.com/tailwindlabs/headlessui/pull/3058))
- Add new `--input-width` and `--button-width` CSS variables on the
`ComboboxOptions` component
([#&#8203;3057](https://togithub.com/tailwindlabs/headlessui/pull/3057))
- Add new `data-*` attributes as an alternative to the existing
`data-headlessui-state` attribute
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3035](https://togithub.com/tailwindlabs/headlessui/pull/3035),
[#&#8203;3061](https://togithub.com/tailwindlabs/headlessui/pull/3061))

##### Fixed

- Fix scroll-locking on iOS
([#&#8203;2891](https://togithub.com/tailwindlabs/headlessui/pull/2891))
- Fix cancellation of events when using `disabled` or `aria-disabled`
attributes
([#&#8203;2890](https://togithub.com/tailwindlabs/headlessui/pull/2890))
- Fix unnecessary execution of the `displayValue` callback in
`ComboboxInput` component
([#&#8203;3048](https://togithub.com/tailwindlabs/headlessui/pull/3048))
- Fix types for `multiple` prop in `Combobox` component
([#&#8203;3099](https://togithub.com/tailwindlabs/headlessui/pull/3099))
- Fix focus handling in `ComboboxInput` component
([#&#8203;3065](https://togithub.com/tailwindlabs/headlessui/pull/3065),
[#&#8203;3073](https://togithub.com/tailwindlabs/headlessui/pull/3073))
- Fix enter transitions in `Transition` component
([#&#8203;3074](https://togithub.com/tailwindlabs/headlessui/pull/3074))
- Fix focus handling in `ListboxOptions` and `MenuItems` components
([#&#8203;3112](https://togithub.com/tailwindlabs/headlessui/pull/3112))
- Fix horizontal scrolling inside the `Dialog` component
([#&#8203;2889](https://togithub.com/tailwindlabs/headlessui/pull/2889))
- Don’t cancel `touchmove` on `input` elements inside a dialog
([#&#8203;3166](https://togithub.com/tailwindlabs/headlessui/pull/3166))

##### Changed

- Require React 18
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3092](https://togithub.com/tailwindlabs/headlessui/pull/3092),
[#&#8203;3131](https://togithub.com/tailwindlabs/headlessui/pull/3131))
- Always render hidden form input fields for `Checkbox`, `Switch`, and
`RadioGroup` components
([#&#8203;3095](https://togithub.com/tailwindlabs/headlessui/pull/3095))
- Deprecate the `RadioGroup.Option` component in favor of new `Radio`
component
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Dialog is now focused by default instead of the first focusable
element
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887))
- Change default tags for `ListboxOptions`, `ListboxOption`,
`ComboboxOptions`, `ComboboxOption`, and `TabGroup` components
([#&#8203;3109](https://togithub.com/tailwindlabs/headlessui/pull/3109))
- Change default tag from `div` to `Fragment` on `Transition` components
([#&#8203;3110](https://togithub.com/tailwindlabs/headlessui/pull/3110),
[#&#8203;3147](https://togithub.com/tailwindlabs/headlessui/pull/3147))
- Allow `Combobox` component to have a `null` value
([#&#8203;3064](https://togithub.com/tailwindlabs/headlessui/pull/3064),
[#&#8203;3100](https://togithub.com/tailwindlabs/headlessui/pull/3100))
- Attempt form submission when pressing enter on the `ListboxButton`
component
([#&#8203;2972](https://togithub.com/tailwindlabs/headlessui/pull/2972))
- Deprecate the `entered` prop on the `Transition` component
([#&#8203;3089](https://togithub.com/tailwindlabs/headlessui/pull/3089))
- Deprecate dot notation for components
([#&#8203;2887](https://togithub.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3170](https://togithub.com/tailwindlabs/headlessui/pull/3170))
- Add frozen value to `ComboboxOptions` component
([#&#8203;3126](https://togithub.com/tailwindlabs/headlessui/pull/3126))
- Remove deprecated `DialogBackdrop` and `DialogOverlay` components
([#&#8203;3171](https://togithub.com/tailwindlabs/headlessui/pull/3171))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "before 4am on Monday" (UTC),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/TBD54566975/ftl).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zNTEuMiIsInVwZGF0ZWRJblZlciI6IjM3LjM1MS4yIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6W119-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant