umbraco/Umbraco.UI

Input placeholder shouldn't clear on focus

bjarnef opened this issue · 1 comments

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.4.0

Bug summary

I noticed clicking/focusing in uui-input is clear the placeholder text, which is not best practice and not how native input field works.
https://uui.umbraco.com/?path=/docs/uui-input--docs

It should however clear placeholder, when typing in the input field, which is how other libraries based on webcomponents handle this as well.

https://shoelace.style/components/input
https://vaadin.com/docs/latest/components/text-field

It seems browser may handle this different though, but I think clear when typing is better than on focus:
https://ux.stackexchange.com/questions/21299/removing-placeholder-text-on-focus

Specifics

No response

Steps to reproduce

Inspect uui-input with placeholder text. The placeholder text should only dissapear when input contains any characters.

Expected result / actual result

No response

Hi @bjarnef, you are right. Not sure why this happens. Do you want to take a swing at it? 😎