Can't select text inside a terminal

[andfoy]

While testing selection features for spyder-terminal, we actually found that is not possible to select text displayed inside a xterm container, we actually performed tests on Firefox, Chrome and also Qt Webkit/WebEngine, without any success. We can't use the features implemented on PR #670

We don't know if we are missing some parameter at our xterm initialization routine: spyder-terminal/server/static/js/main.js

Details

• Browser and browser version: Firefox 54, Chrome 59
• OS version: Linux
• xterm.js version: 2.8.0

Steps to reproduce

1. Try to select text displayed inside a .terminal container

[Tyriar]

Did you fork xterm.css and not update it?

[andfoy]

No, actually we're using the one that comes with the release package

[andfoy]

But I've made some style-related modifications:

#terminal-container {
    height:100vh;
    margin:     0px;
    padding:    0px;
    z-index: 255;
}

#terminal-container .terminal {
    background-color: #000;
    color: #fafafa;
    padding: 0px;
    font-family: 'Ubuntu Mono', monospace;
    height:100%;
    font-size: 1em;
    line-height: 1 !important;
}

Do they modify any xterm specific behavior?

[Tyriar]

Does it have these styles?

.terminal .xterm-selection {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.3;
    pointer-events: none;
}

.terminal .xterm-selection div {
    position: absolute;
    background-color: #fff;
}

[andfoy]

I think this problem is related to my z-index values, .xterm-selection has a value of 1, whereas #terminal-container has a value of 255, does this setting interfere?

[andfoy]

I'll try to perform a test

[Tyriar]

@andfoy #terminal-container probably wouldn't affect it as it's a parent. Inspect the DOM and see if the selection elements are there, that should identify the problem.

[andfoy]

@Tyriar I've updated our sources to the last version, and selection is working again! It was our fault, sorry for the inconveniences.

[Tyriar]

@andfoy good to hear, was the issue just out of date xterm.css or lib/ files or something?

[andfoy]

Yes! The CSS and JS sources were out-of-date, also we had some problems with Cache on Qt, but they are now solved

[andfoy]

@Tyriar Thanks for your help