Copy&paste with screenReaderMode

When screenReaderMode is used it is not possible to use right-click and select copy or paste from context menu.

Details

• Browser and browser version: Firefox 64
• OS version: Fedora 29
• xterm.js version: 3.10.1

Steps to reproduce

1. var term = new Term({ screenReaderMode: true });

2. Then right-click on the terminal and there is no option for pasting.

Almost related question: This property can be set only in constructor, right? It is not possible to dynamically change between modes?

[shanytc]

the main issue for right click -> Save Image… context-menu in xtermjs, is because ‘.xterm-helpers’ is having position:absolute. Try change it to position: relative. When you right click on the canvas, xtermjs will calculate the x,y position of the mouse and move the <textarea/> to that position under the <div class="xterm-helpers"> element so that it will then capture the right click (copy & paste) context menu and also include keyboard support. So basically sometimes the “xterm-helpers” is not positioned under the actual canvas and so you get “Save image…” context menu because that’s the canvas’s context menu and not the <textarea/> element’s context menu.

[flenter]

I experimented a bit with adding pointer-events: none; to the .xterm-accessibility element. This seems to restore the copy/paste functionality while maintaining the screenreader functionality (this last thing was tested with voiceover on mac in conbimation with Chrome). Would there be a disadvantage to this approach?