[Solved] Nested input to control the wrapper

[FartingSanta]

Hi, I have a wrapper containing an input box and submit button, the wrapper is set so that when it is :hover it will expand to a set size.

Is there a method so that when the child text input of this wrapper is selected the div won’t collapse regardless of where my cursor is positioned.

At the moment I can select the input and begin typing but if I move my cursor of the wrapper it will auto collapse which is a tad annoying.

Any help appreciated, it’s one of those I know what I’m after doing but explaining it to a search engine is a pain.

Cheers for any responses.

[FartingSanta]

I may have instantly answered my own question with
http://jsfiddle.net/davidThomas/wftBH/2/

[FartingSanta]

This from CSS-Tricks worked even better
https://css-tricks.com/improved-current-field-highlighting-in-forms/

[Author]

Posts