[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:
- Fill a
placeholder
property of MazPhoneNumberInput.
<MazPhoneNumberInput
placeholder="Placeholder text"
...
/>
- Or you can use
<MazPhoneNumberInput
:translations="{
phoneInput: {
placeholder: "Placeholder text"
}
}"
...
/>
- You will get a floating label (see the screenshot)
Screenshots
![Снимок экрана 2024-05-07 в 14 38 43](https://private-user-images.githubusercontent.com/24383434/328507115-b770db8a-4ac6-43fd-8dd2-813139c9d68f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTY1MzczMDcsIm5iZiI6MTcxNjUzNzAwNywicGF0aCI6Ii8yNDM4MzQzNC8zMjg1MDcxMTUtYjc3MGRiOGEtNGFjNi00M2ZkLThkZDItODEzMTM5YzlkNjhmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTI0VDA3NTAwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM2OGU0ZmQxMjRjZTk0YzVkMmFjOWYxNmJmOTU4MjYzNDY0NGZhYjlhMGZmYjUwZjBhMDczZThmOWE3MjI5YjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.-goizB-KsBoLveeFlUm1NzTaifSLWVBoddX8DczIE8k)
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