@abdullahmuslim
Posted
Try fixing the dismiss message button
- It suppose to close the success message hopefully bring you back to the signup form.
- The active state should be on
:active
psuedo attribute not:hover
Hope you find it helpful 🙂
@joaovictormendessilva
Posted
Thanks for the advice, I made the two changes you commented on. Feel free to test again.
@abdullahmuslim
Posted
@joaovictormendessilva
I think there is just one more little thing you might want to add to your input, another event listener.
onInput When the inserted email doesn't match the format, you might want to clear the warning after an input and wait for resubmission. I mean it doesn't look good to have an error lurk around when it's being fixed. I don't think it's good for user experience.
const input = document.querySelector("input");
input.addEventListener("input", clearError);
function clearError(){
//change styles back to previous here
...
}