headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

Dialog is not returning focus after updating to vue 3.5

Open jardakotesovec opened this issue 7 months ago • 0 comments

After recent update to vue 3.5, we encountered regression on setting focus after Dialog is closed, which is significant accessibility setback.

It seems that with vue 3.5 in some scenarios computed properties get calculated sooner than before, which makes it skip to restoration in unMounted hook.

Here is PR to address it https://github.com/tailwindlabs/headlessui/pull/3687

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

v1.7.23

What browser are you using?

Chrome

Reproduction URL

  • With Vue and Tailwind CSS: https://codesandbox.io/p/devbox/charming-kepler-5nx2f7

Describe your issue

In the reproduction URL, you can reproduce it by clicking on Open Dialog 2, closing the Dialog. And when hitting <Tab> you can see its starting from Open Dialog 1, instead of Open Dialog 2 button.

jardakotesovec avatar Apr 10 '25 15:04 jardakotesovec