FloatLabel and InputText overlap when using static value prop instead of a ref

[Lukasss93]

Describe the bug

When using the value prop of InputText with a static string (instead of a bound ref), the text and the floating label appear overlapped.
This behavior only occurs when the input is initialized with a fixed value, which can be useful for displaying read-only values while keeping a consistent UI without using other components.

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/bjejcqun?file=src%2FApp.vue

Environment

Windows 11 + Docker with Debian 12

Vue version

3.5.13

PrimeVue version

4.4.1

Node version

22.21.0

Browser(s)

Firefox 144

Steps to reproduce the behavior

<script setup>
const value = 'test';
</script>

<template>
  <FloatLabel>
    <InputText id="username" :value="value" readonly />
    <label for="username">Username</label>
  </FloatLabel>
</template>

Expected behavior

The label should float correctly above the input, even when a static value is provided.