ZSH powerline prompt not rendering properly on hyper 3.0.0

[ridhwaans]

• I am on the latest Hyper.app version
• I have searched the issues of this repo and believe that this is not a duplicate

• OS version and name: Windows10 with WSL ubuntu 16
• Hyper.app version: 3.0.0 (stable)
• Link of a Gist with the contents of your .hyper.js: https://gist.github.com/ridhwaans/3608ccd6b2afdf8d25bbfebbd0fe178c
• Relevant information from devtools (CMD+ALT+I on macOS, CTRL+SHIFT+I elsewhere):
• The issue is reproducible in vanilla Hyper.app:

Issue

Using zsh by default above, the powerline prompt is incorrectly showing a black line and shape at the front and back on hyper3. This change occurred after the update.

[cahalane]

The problem does not appear to be Windows-specific, as I have encountered it on Ubuntu:

I have encountered it using both the Meslo LG M DZ for Powerline and Noto Mono for Powerline fonts.

[NathanielInman]

The problem also doesn't appear to be font-specific. I have the issue on the aforementioned fonts as well as PragmataPro on macOS.

[cahalane]

So for some display-related reason (maybe CSS settings for legibility, maybe the actual Electron version), the start of the actual glyph no longer aligns with the start of the background, which is a problem for any theme/font that use the  arrow, and on any OS.

[LeTrovoes]

Same issue here, on Ubuntu 18.04. This is a duplicate of #3575

[voronoipotato]

This may be related to broken ligatures in 3.0.0 #3607

[technofantods]

same issue - kubuntu 18.04

[cahalane]

Noting that #3575 lists a workaround:

This issue seems related to the WebGL rendering, as turning webGLRenderer to false in config seems to revert to hyper v2 behavior
Setting webGLRenderer: false worked for me on latest Windows 10. It also restored font ligatures (with the appropriate plugin), which were also broken by the v3 release.

The behaviour isn't perfect (there's a 1px offset in the opposite direction still) but it should help resolve some of that annoyance

[technofantods]

I dropped webGLRenderer: false, right under update channel and it worked for me

[Muzical84]

I made the change, at the top of my config, in the latest macOS, and I still have the problem. Everything looks like it should in vanilla Terminal.

[spacecowgirl314]

I dropped webGLRenderer: false, right under update channel and it worked for me

Thank you! I had the same problem with my PowerShell powerline prompt. It was so irritating.

[Basster]

Can confirm this issue on Ubuntu 18.04 with zsh.

webGLRenderer: false

fixes it, as well.

[Svetomechc]

@Stanzilla why was this closed? webGLRenderer: false is not a solution - it's a workaround. With webGLRenderer: true the app is much faster (you can see it when scrolling).

[Stanzilla]

It's our solution for now. until webglrenderer gets more usable.

[Muzical84]

It's not a workaround or a solution if it doesn't work. As I said above, I'm still getting boxes in macOS Mojave, and yes I have reinstalled, reloaded my config, etc. It's literally something I re-try again every few weeks because other terminal GUIs are so much harder on my eyes, but I'm stuck in iTerm2 for now.

[Stanzilla]

@Muzical84 well you could test one of your CI builds https://app.circleci.com/jobs/github/zeit/hyper/2923/artifacts or switch to https://github.com/Eugeny/terminus instead. It's very well maintained.