Ready Monetized Wordpress Website

EARN MONEY FREELANCING

Saturday, June 8, 2019

CSS floating labels - Chrome autofill

Hi All,

Been struggling on an issue for a few days now and kept putting it to the back of the pile but now everything else is done i have to focus on that.

Basically i am creating a form and instead of using placeholders it uses labels that sit over the field and then when an input gets focused that move up and out the way very much like this: https://css-tricks.com/float-labels-css/ However it doesnt take into account when you hover over autofill options in chrome as it creates a div in the shadow-root and doesnt actaully affect the input field, Is there a way for me to detect when autofill options are being shown and move the labels out the way?

Gif of the Issue

https://i.imgur.com/HmmDVxf.gif

Thanks

submitted by /u/smed15
[link] [comments]

from web_design http://bit.ly/2F0gHXp
via IFTTT

No comments:
Write Your Comments

Ready Monetized Blogger Gaming Website