Skew appearance of progress bar Windows 10?

[Spencer Arnold]

Not sure if this is happening to anyone else when viewing in either firefox or chrome browsers on Windows 10, there appears to be a weird skew happening.

@athul ... It appears this way for the graph in your profile as well.

I have restarted both browsers and my machine.. I know I just updated windows last night.

Edit: It is rendering correctly on firefox and chrome on Mac OSX, but not on either browser since the new Windows 10 update...

Can anybody confirm this behavior?

[Spencer Arnold]

I just realized this is an issue in issue #36 and #20 ... Does anybody have a clue as to what might be causing this behavior so we can resolve the bug upstream in the browsers or OS? Seems like a fair amount of people are/were having this issue.

[Spencer Arnold]

@Smartuil Did you ever find a resolve to this?

[Athul Cyriac Ajay]

Hey @spencer741 This seems to be an issue only limited to Windows 10 devices. Possibly a rendering issue. One way you could tackle this issue would be to use another text/blocks like this

- uses: athul/waka-readme@master
        with:
          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
          BLOCKS: ⣀⣄⣤⣦⣶⣷⣿

Ref: https://github.com/athul/waka-readme#extras

[Spencer Arnold]

Thanks for the insight. I just spent an hour or so testing how UniCode is rendered in GH markdown on Windows 10 vs Mac OSX. Some very interesting differences. It has to be how Windows 10 interprets unicode vs Mac, although pasting unicode chars into notepad and textedit don't seem to differ all that much... kind of confusing if you ask me.

I will go ahead and close this issue.

refs:
https://www.fileformat.info/info/unicode/char/2591/index.htm
https://www.unicode.org/charts/PDF/U2580.pdf

[野草]

I found that this problem occurs when using preand code tag in github, Maybe can use the table tag to solve this problem。
Here's a way to display it correctly, although it changes the style

But, Can't contribute healthy code as I don't use python.

Code I tested: https://github.com/Curtion/waka-readme/blob/master/main.py

[Yozachar]

Apparently this happens on Firefox on Arch Linux too. Hence #20 (comment) is apt.

[Yozachar]

I found that this problem occurs when using preand code tag in github, Maybe can use the table tag to solve this problem。 Here's a way to display it correctly, although it changes the style

...

But, Can't contribute healthy code as I don't use python.

Code I tested: https://github.com/Curtion/waka-readme/blob/master/main.py

@Curtion, I'm afraid <table> won't help either...

Firefox

Brave