Render selection on top of rows

Fixes #718
This commit is contained in:
Daniel Imms 2017-06-19 11:18:55 -07:00
parent 75b74ac4ff
commit 57921e3fe0
2 changed files with 4 additions and 3 deletions

View File

@ -192,11 +192,13 @@
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0.3;
}
.terminal .xterm-selection div {
position: absolute;
background-color: #555;
background-color: #fff;
}
/*

View File

@ -647,8 +647,7 @@ Terminal.prototype.open = function(parent, focus) {
this.viewportScrollArea.classList.add('xterm-scroll-area');
this.viewportElement.appendChild(this.viewportScrollArea);
// Create the selection container. This needs to be added before the
// rowContainer as the selection must be below the text.
// Create the selection container.
this.selectionContainer = document.createElement('div');
this.selectionContainer.classList.add('xterm-selection');
this.element.appendChild(this.selectionContainer);