Distortion with wid directions characters // v2 rain level rendering bug

[beta-tester]

hi, every time there is a thunder symbol in the view, it will distort the view: e.g. https://wttr.in/41.8702687,-86.3744408?F at 2022-09-20 Noon

OS: Raspberry Pi OS Bullseye

chromium:

firefox:

see the right border

[beta-tester]

here another one (see at the top of the bottom half - the border just behind the rain height / percentage):

[chubin]

Yes, this problem is known, the problem is with arrows which are used for the wind direction. Related issues:

• #432
• #221
• #587

Regarding v2, it is also a known bug, but it is not related to symbols rendering, it is a wttr.in bug indeed.

[beta-tester]

here another one:

• screenshot:
• text copy-n-paste:

├──────────────────────────────┼──────────────────────────────┼──────────────────────────────┼──────────────────────────────┤
│  _`/"".-.     Light rain sho…│  _`/"".-.     Patchy rain po…│  _`/"".-.     Thundery outbr…│               Cloudy         │
│   ,\_(   ).   +7(4) °C       │   ,\_(   ).   +8(5) °C       │   ,\_(   ).   +6(3) °C       │      .--.     +6(3) °C       │
│    /(___(__)  ↗ 18-26 km/h   │    /(___(__)  ↗ 21-27 km/h   │    /(___(__)  ↑ 17-28 km/h   │   .-(    ).   ↑ 20-31 km/h   │
│      ‘ ‘ ‘ ‘  10 km          │      ‘ ‘ ‘ ‘  10 km          │     ⚡‘‘⚡‘‘  9 km           │  (___.__)__)  10 km          │
│     ‘ ‘ ‘ ‘   0.2 mm | 53%   │     ‘ ‘ ‘ ‘   0.1 mm | 59%   │     ‘ ‘ ‘ ‘   0.0 mm | 0%    │               0.0 mm | 0%    │
└──────────────────────────────┴──────────────────────────────┴──────────────────────────────┴──────────────────────────────┘

• html part where it starts going wrong:

<span class="f8"><span class="blink"><span class="blink">    ⚡<span class="f8"><span class="blink">‘‘<span class="f8"><span class="blink"><span class="blink">⚡<span class="f8"><span class="blink">‘‘ </span></span></span></span></span></span></span></span></span></span> 

also posted here: https://github.com/chubin/wttr.in/issues/901