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

Popover: Input Field Becomes Unusable When open Prop is Used #2722

Open
cdwmhcc opened this issue Nov 21, 2024 · 0 comments
Open

Popover: Input Field Becomes Unusable When open Prop is Used #2722

cdwmhcc opened this issue Nov 21, 2024 · 0 comments
Labels
enhancement New feature or request triage

Comments

@cdwmhcc
Copy link

cdwmhcc commented Nov 21, 2024

For what version of Nuxt UI are you suggesting this?

v3.0.0-alpha.x

Description

Where the UInput component inside a UPopover becomes unusable when the open prop is controlled externally. Specifically, when the open prop is used to control the display of the popover, the UInput component receives a type="button" attribute. This issue will cause the input component to be unable to enter text

<UPopover class="w-120" :open="searchOpen">
    <UInput
    v-model="searchKeyword"
    color="neutral"
    variant="soft"
    size="xl"
    :ui="{
        base: 'w-120',
    }"
    />
    <template #content>
        <Placeholder class="size-48 m-4 inline-flex" />
    </template>
</UPopover>

I don't know if this is a bug or if the logic is just like this.

Additional context

No response

@cdwmhcc cdwmhcc added enhancement New feature or request triage labels Nov 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request triage
Projects
None yet
Development

No branches or pull requests

1 participant