Copy-paste in textarea does not work in Chrome

I have a little secret.

When you have a div { display: none; } rule div { display: none; } div { display: none; } in your css and textarea on the page, it is impossible to copy and paste textarea into the Chrome browser.

What's happening?

http://pastehtml.com/view/ax3tuefz3.html

+4
source share
3 answers

This is a bug in WebKit.

I filed a bug report here: https://code.google.com/p/chromium/issues/detail?id=86025

+2
source

I tried and yes, the paste seems to be broken in your example.

Errors were found in the chrome buglist:

http://code.google.com/p/chromium/issues/detail?id=60057

http://code.google.com/p/chromium/issues/detail?id=61784

But they are long closed.

+2
source

Your problem is display:none; applies to all your div s.

I pressed the class button:

<div id="login" class="login">

And make sure display:none; applies only to him

 div.login { display: none; } 

Then I hid your form on top

$('#view_form').hide();

Now working: http://jsbin.com/umugi5/3/

+1
source

All Articles