shuriken-ui / nuxt

Nuxt version of Shuriken UI with ready to use components
https://shurikenui.com/
MIT License
153 stars 21 forks source link

[Bug] BaseListbox and BaseAutocomplete break parents transition #121

Open MrVladis1av opened 4 months ago

MrVladis1av commented 4 months ago

When BaseListbox or BaseAutocomplete is placed inside the TransitionChild(component from headlessui) with enter- and leave- props, enter- transitions of TransitionChild are not working. Example:

 <TransitionChild
                as="template"
                enter="duration-300 ease-out"
                enter-from="opacity-0 scale-95"
                enter-to="opacity-100 scale-100"
                leave="duration-300 ease-in"
                leave-from="opacity-100 scale-100"
                leave-to="opacity-0 scale-95"
            >
              <BaseListbox
                  :items="accounts"
                  label="From Account"
                  size="md"
                  contrast="default"
                  placeholder="Select an account"
              />
</TransitionChild>

In this example, enter transitions of TransitionChild won't work.

As far as Shuriken UI uses headless UI under the hood, should it be considered as a bug?

Assumption: under the hood, BaseListbox uses Float component with leave- transitions. Maybe it conflicts somehow with the transitions of the TransitionChild?

Version: 3.1.6.