I am attempting to reposition the label above the input field when it is focused, but instead it becomes hidden.
label > span::focus {
top: -20px;
font-size: 15px;
color: blue;
}
Check out the complete Html & CSS code.
Update:
I managed to solve the issue by adjusting some HTML classes and elements like this:
.user-input:focus + .user-label > span {
margin-top: -15px;
font-size: 10px;
color: blue;