Clever Geek Handbook

CSS user-select: none raises focus event on drag in google chrome

Google Chrome makes input / textarea focus on drag if it is in a container with-webkit-user-select: none;

See example http://jsfiddle.net/kdrz4r0p/1/

Steps to reproduce:

  • Add -webkit-user-select: none;

    to container
  • drag any element to this container to textbox / enter

Also I found the same issue in chrome bug tracker:

https://code.google.com/p/chromium/issues/detail?id=376767

Does anyone know a rough solution to this problem? I need to prevent this focuse event (by drag and drop). Because I am expanding the focus textarea.

+3


source to share


1 answer


Add property outline .



textarea {
    width: 100px;
    height: 250px;
    outline: none;
}
-1


source






More articles:


All Articles