Xterm.js: Permitir que la selección se invierta

Dado que ya no podemos usar ::selection esto ya no es posible como es con la versión actual de VS Code.

Hay un par de desafíos al abordar este problema:

• La selección se dibuja actualmente debajo del texto en las filas, que también puede tener un color de fondo. Esta separación es buena y sería una buena idea mantener la representación de la selección completamente separada de la representación de las filas.
• Dado que no todos los elementos de .xterm-rows no están envueltos en su propio elemento, la selección puede comenzar o terminar en el medio de un elemento, lo que restringe algunas de las soluciones.

Una idea:

• Aproveche la idea de que la selección se divide en 3 partes; fila superior, filas del medio, fila inferior (como en https://github.com/sourcelair/xterm.js/pull/691)
• Los elementos de la fila central dentro de .xterm-rows se pueden marcar con la clase xterm-invert-selection que invierten los colores de fondo y de primer plano mediante CSS.
• Las filas superior e inferior se pueden dibujar encima de las filas usando z-index: 1 y el contenido real de la fila se agrega a la selección. Luego se puede agregar aria-hidden por si acaso para asegurarse de que no se lea dos veces.

Sin embargo, no estoy seguro de si es la solución correcta, realmente no me gusta la duplicación de texto en la solución anterior, pero al menos está en 2 filas.