Files
headlessui/packages/@headlessui-vue
Robin Malfait 7a6220a29c Prevent cancelling transitions due to focus trap (#1664)
* focus trap after transitions

Whenever you focus an element mid transition, the browser will abrublty
stop/cancel the transition and it will do anything it can to focus the
element.

This has a very annoying side effect that this causes very abrubt
transitions (instant) in some browsers.

To fix this, we used to use `el.focus({ preventScroll: true })` which
works in Safari and it used to work in Chrome / Firefox, but there are
probably other variables that we have to keep in mind here (didn't
figure out _why_ this used to work and not anymore).

That said, instead of trying to fight the browser, we will now wait an
animation frame before even trying to focus any elements.

* update changelog
2022-07-12 13:57:07 +02:00
..
2022-01-31 00:10:06 +01:00
2022-01-31 12:29:27 +01:00
2022-07-07 23:02:52 +02:00
2022-03-09 11:24:45 +01:00

@headlessui/vue

A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS.

Total Downloads Latest Release License

Installation

Please note that this library only supports Vue 3.

npm install @headlessui/vue

Documentation

For full documentation, visit headlessui.dev.

Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discuss Headless UI on GitHub

For casual chit-chat with others using the library:

Join the Tailwind CSS Discord Server