Powerline fonts not rendered properly using WebGL

[chesteripz]

The powerline fonts are not rendered properly with WebGL enabled.

Details

• Browser and browser version: MS Visual Studio Code, v1.41.1
• OS version: Windows 10 1909
• xterm.js version: 4.3.0-beta.28.vscode.1

Steps to reproduce

1. Install Menlo for Powerline
2. Enable WebGL rendered in VS Code as follow:

{
    "terminal.integrated.rendererType": "experimentalWebgl"
}

3. Install zsh
4. Enable powerlevel9k theme
   5a. The characters are not aligned properly.
   
   6b. And selection does not inverse the color.
   

[jerch]

5a. The characters are not aligned properly.

@Tyriar Already figured that myself - seems the chars are not centered in the "cell" (printed slightly off to the top). The triangle char itself might also a subject of the perfect aligned box chars once we support that (#2409).

6b. And selection does not inverse the color.

@chesteripz This is kinda expected behavior here - we use a different way to colorize selections than swapping foreground and background. Selecting the prompt reveals, that powerline "hacks" the colored arrows with background color + a colored character (which is in the foreground).

[Tyriar]

@jerch this one is just that Chromium bug with textBaseline #2613