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

[Bug]: Select component won't work in tailwind modal. #1025

Open
2 tasks
rzamoras opened this issue Jan 31, 2025 · 1 comment
Open
2 tasks

[Bug]: Select component won't work in tailwind modal. #1025

rzamoras opened this issue Jan 31, 2025 · 1 comment
Labels
bug Something isn't working

Comments

@rzamoras
Copy link

Reproduction

Describe the bug

When I add the select component in my tailwind modal the select dropdown wont appear.

System Info

<script setup lang="ts">
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectLabel,
  SelectTrigger,
  SelectValue,
} from '@/components/ui/select'
</script>

<template>
  <Select>
    <SelectTrigger>
      <SelectValue placeholder="Select a fruit" />
    </SelectTrigger>
    <SelectContent>
      <SelectGroup>
        <SelectLabel>Fruits</SelectLabel>
        <SelectItem value="apple">
          Apple
        </SelectItem>
      </SelectGroup>
    </SelectContent>
  </Select>
</template>

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests
@rzamoras rzamoras added the bug Something isn't working label Jan 31, 2025
@MichaelPote
Copy link

Is it possibly related to this? unovue/reka-ui#1540

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants