When using a HTML text input field or a textarea inside of an OOUI custom object using the OO.ui.mixin.DraggableElement mixin I can not probably interact with the text using the mouse. I can click inside the field but I can not mark text with the mouse or move the courser with the mouse. Tested on in FF 75.0 & FF 68.7 ESR on Ubuntu 18.04 and IE 11 on Windows 7.
It seems to work in Chromium 80.0.3987.163 though.
Steps to Reproduce:
- use one of the browsers mentioned above
- go to the OOUI demo page at https://doc.wikimedia.org/oojs-ui/master/demos/
- scroll down to the section with the draggable demos
- use the browser debug console to interactivly add a <textarea> with content to one of the items
- try to interact with the text in the text area using mouse clicks (e.g. doublick to mark the text)
Actual Results:
The text will not be marked and the courser can not be moved by clicking with the mouse.
Expected Results:
You can mark the text or move the courser in the text using only the mouse.