Div mask Textarea содержимое, когда оно перетащить

Question

У меня есть ящик Textarea внутри div. однако, когда я перетаскиваю текстовое поле и нажимаю его. Div начнет маскировать все содержимое. Есть ли способ расширить высоту div, когда пользователь пытается перетащить текстовое поле вниз. Могу ли я сделать это в css или мне нужен javascript или jquery?

<div style="height:400px; width:200px; background:yellow; overflow:hidden"> 
    <textarea style="widht:150; height:200px;"></textarea>  
</div> 

http://jsfiddle.net/y9hy9/

Answer 1

http://jsfiddle.net/DEgEw/1/

<div style="min-height:400px; min-width:200px; background:yellow; width: auto; display: inline-block; overflow:hidden"> 
    <textarea style="widht:150; height:200px;"></textarea>  
</div> 

Я предложил бы использовать мин-высоту и ширину мин вместо фиксированной высоты и ширины. Также отобразите: встроенный блок будет регулировать ширину, чтобы она соответствовала текстовой области, и вы всегда можете добавить ярлык br, чтобы другие divs не уходили рядом с вашей оберткой. Div