Keyboard navigation seems to work just fine; handling the tab keys, arrow keys, and so on, works just fine; I am able to select the container div and drill into the textarea within to give it focus. No problems there.

However, how come the mouse events not work properly, not firing on the elements for which I've attached them?

Apparently I'm not the only one who has encountered this issues, at least gauging from the search results. And before you mention it, I've double and triple checked the usual suspects, such as whether there are elements (which are dynamic) at the time I attach the events, whether this is before or after appending to containers (which it is after), this sort of thing. I am positive that the elements have been appended to their parent containers well before I attach mouse events and such.

I wondered whether z-index may have some issue there? Or possible opacity, fill color (i.e. transparent), etc. I've double checked that the textarea z-index is greater than the container divs.

I've also double checked that the mouse events are even occurring using Chrome debugger; they are.

Thanks!