elad2412/the-new-css-reset

Password input field placeholder turns into dots

phparkle opened this issue · 1 comments

https://github.com/elad2412/the-new-css-reset/blob/main/css/reset.css#L53

/* reset default text opacity of input placeholder */
::placeholder {
    all: unset;
}

This makes the placeholder text in password fields turn into dots. Without the reset it should display as plain text.

It has something to do with the -webkit-text-security css property...

Thanks for this important update, it happens in Chrome and Safari (not in Firefox).

I update the style of ::placeholder that it will affect only on text color.

/* reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

Instead of:

/* reset default text opacity of input placeholder */
::placeholder {
    all: unset;
}

Updated in the last version of 1.5.0. (Closed Issue)

Thanks again!
Elad Shechter