WebGL renderer doesn't support hidden modifier

[Tyriar]

From xtermjs/xterm.js#2596

Details

• Browser and browser version: Code Insiders 2019-12-03
• OS version: Windows 10

Steps to reproduce

Run this test script, notice the "hidden" text is not actually hidden when using the WebGL renderer:

const chalk = require('chalk');

const modifiers = ["reset", "bold", "dim", "italic", "underline", "inverse", "hidden", "strikethrough", "visible"];
const colors = ["black", "red", "green", "yellow", "blue", "magenta", "cyan", "white", "blackBright", "redBright", "greenBright", "yellowBright", "blueBright", "magentaBright", "cyanBright", "whiteBright"];

const colWidth = 20;

for (const modifier of modifiers) {
    process.stdout.write(chalk[modifier](modifier.padEnd(colWidth)));
}

process.stdout.write('\r\n');
for (const color of colors) {
    for (const modifier of modifiers) {
        process.stdout.write(chalk[modifier][color](color.padEnd(colWidth)));
    }
    process.stdout.write('\r\n');
}

#85971

[aeschli]

Window 10
Version: 1.42.0-insider (user setup) 
8d4cdbaa8d64514a5eb3b186b9a31b66cd8a9753
Date: 2020-01-31T08:56:44.663Z

I ran the sample above in the integrated terminal.
Also I tried all the options of "terminal.integrated.rendererType", including "experimentalWebgl"

Hidden never seem to be hidden.

Sorry If I misunderstood the issue.

[Tyriar]

Hmm, it's working for me. Try this stripped down repro case in bash:

echo -e '\x1b[8mhidden\x1b[0mnot'