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

Cant put dropdown inside drawer #3357

Open
xyangst opened this issue Feb 19, 2025 · 0 comments
Open

Cant put dropdown inside drawer #3357

xyangst opened this issue Feb 19, 2025 · 0 comments
Labels
bug Something isn't working reka-ui v3 #1289

Comments

@xyangst
Copy link

xyangst commented Feb 19, 2025

Environment

latest

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.13

Reproduction

https://codesandbox.io/p/devbox/gifted-moon-ms65xm

Description

hovering over a open drop down item in a drawer results in a recursion error.

Additional context

<script setup lang="ts">
const items = ref([
  {
    label: 'hover me for a recursion error',
  },
])
</script>


<template>
  <UDrawer>
    <UButton label="Open Drawer"/>
    <template #content>
      <UDropdownMenu
    :items="items"
  >
    <UButton label="Open Drop down"/>
  </UDropdownMenu>
    </template>
  </UDrawer>
</template>

Logs

Uncaught InternalError: too much recursion
    NuxtJS 5
        focus
        handleFocusOut
        ct
        f
        focus
@xyangst xyangst added bug Something isn't working triage v3 #1289 labels Feb 19, 2025
@benjamincanac benjamincanac added reka-ui and removed triage labels Feb 19, 2025 — with Volta.net
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working reka-ui v3 #1289
Projects
None yet
Development

No branches or pull requests

2 participants