LouisMazel / maz-ui

Vue & Nuxt library of standalone components & tools to build interfaces

Home Page:https://maz-ui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[The Placeholder field is responsible for Label, but placeholder of input is expected][<MazPhoneNumberInput>]

Veronika-dev opened this issue · comments

Hi, I use MazPhoneNumberInput and I need a placeholder of input. However, floating label is shown instead of placeholder.

To Reproduce

Steps to reproduce the behavior:

  1. Fill a placeholder property of MazPhoneNumberInput.
<MazPhoneNumberInput
    placeholder="Placeholder text"
    ...
/>
  1. Or you can use
<MazPhoneNumberInput
    :translations="{
       phoneInput: {
           placeholder: "Placeholder text"
       }
    }"
    ...
/>
  1. You will get a floating label (see the screenshot)

Screenshots

Снимок экрана 2024-05-07 в 14 38 43

Expected behavior

I expected placeholder of the input. But I got a floating label.

Desktop

  • OS: MacOS 14.4.1
  • Browser Chrome
  • Version 124.0.6367.119

Hi @Veronika-dev,

Thanks for your feedback.

It's solved in v3.43.4

Enjoy