Can't enter text in textarea

[adumesny]

Description

• fix for Can't enter text in textarea/input #2054
• make sure to prevent mousedown handling over known list of tags (like jqueryui did)

Checklist

• Created tests which fail without the change (if possible)
• All tests passing (yarn test)
• Extended the README / documentation, if necessary

[Gezdy]

For @adumesny
Element with [contentEditable="true"] has the same issue. So, suggested code completion:

// make sure we are not clicking on known object that handles mouseDown (TODO: make this extensible ?) #2054
const skipMouseDown = ['input', 'textarea', 'button', 'select', 'option'];
const name = e.target.nodeName.toLowerCase();
if (skipMouseDown.find(skip => skip === name))
        return true;

//for contenteditable
if(e.target.closest('[contenteditable="true"]')){        	
        return true;
}

Further away in the same function _mouseDown, just before returning

e.preventDefault();
dd_manager_1.DDManager.mouseHandled = true;
return true;

e.preventDefault() prevents blur event which occurs just after mousedown event.
So, skipped elements here will continue to have focus when dragging.
Suggested solution:

if (document.activeElement){
     document.activeElement.blur();
}
e.preventDefault();
dd_manager_1.DDManager.mouseHandled = true;
return true;

Thx a lot for all your great work !

[adumesny]

do you want to make a pull request instead ? thanks.