Xterm.js: 선택이 반전되도록 허용

더 이상 ::selection 사용할 수 없으므로 현재 버전의 VS Code에서는 더 이상 가능하지 않습니다.

이 문제에 접근할 때 몇 가지 문제가 있습니다.

• 선택 항목은 현재 행의 텍스트 아래에 그려지며 배경색도 가질 수 있습니다. 이 분리는 좋은 것이며 선택의 렌더링을 행의 렌더링과 완전히 분리된 상태로 유지하는 것이 좋습니다.
• .xterm-rows의 모든 요소가 자체 요소로 래핑되지 않기 때문에 선택은 요소의 중간에서 시작하거나 끝날 수 있으며, 이는 일부 솔루션을 제한합니다.

한 가지 아이디어:

• 선택 항목이 3개의 청크로 분할된다는 아이디어를 활용하십시오. 상단 행, 중간 행, 하단 행 (https://github.com/sourcelair/xterm.js/pull/691에서와 같이)
• .xterm-rows 내의 중간 행 요소는 CSS를 통해 배경색과 전경색을 반전시키는 xterm-invert-selection 클래스로 표시할 수 있습니다.
• z-index: 1 사용하여 행 위에 위쪽 및 아래쪽 행을 그릴 수 있으며 행의 실제 내용이 선택 항목에 추가됩니다. aria-hidden 는 두 번 읽히지 않도록 하기 위해 추가할 수 있습니다.

올바른 솔루션인지 확실하지 않지만 위의 솔루션에서 텍스트 복제가 마음에 들지 않지만 적어도 2행에 있습니다.