Skip to content

FloatLabel: Label is not visible while using CDN #7516

Open
@ahmtgur

Description

@ahmtgur

Describe the bug

I am using primevue with CDN, i have added InputText and FloatLabel components to the app, input element is visible but label element is not visible. Am I missing something?
<FloatLabel> <InputText id="username" v-model="txtTest" /> <label for="username">Username</label> </FloatLabel>

Edit:

If I use it this way it works i don't know why:

<FloatLabel> <InputText id="username" v-model="txtTest"> </InputText> <label for="username">Username</label> </FloatLabel>

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/web-platform-fgbwt5q4?file=index.html

Environment

Vue 3 CDN Project

Vue version

3.5.13

PrimeVue version

4.3.2

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Create a FloatLabel component and put InputText component inside.

Expected behavior

Label element should be visible over the input element.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Pending ReviewIssue or pull request is being reviewed by Core Team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions