Nes.css: Weird border on chrome android

Created on 2 Mar 2019 · 5Comments · Source: nostalgic-css/NES.css

Describe the bug
On chrome 72, everything looks OK on desktop.

But on mobile, even with the same version of chrome the border looks really bad.

screenshot_20190303-022400_chrome

To Reproduce

Open the the public page with an android phone.
I was able to reproduce it with:
- Samsung galaxy s8
- Google nexus
- Google pixel

Expected behavior
To look the same than the Desktop version

Screenshots

Environment:

OS: Android
Browser: Chrome

bug released

Source

kefniark

👍2

Most helpful comment

Maybe #319 fix these kind of bugs :pray: .
But I can't test it in Android Chrome nor Safari :cry:.
So it's better to keep this issue open for now even after we merge it.

guastallaigor on 4 Mar 2019

👍2

All 5 comments

looking at my first screenshot, I noticed something else strange with <select> ...

on desktop, when I use the fullscreen API, the <select> arrow seems to disappear 🤔 (maybe a chrome bug)
on mobile the arrow is here but the background color is gray and not white

it should looks like that:

kefniark on 2 Mar 2019

I am seeing this on Chromium [Version 72.0.3626.119 (Official Build) (64-bit)] Windows. Seems to be related to is-rounded class.

compare Firefox (left) Chromium (right)
compare

Chromium: https://nostalgic-css.github.io/NES.css/
compare1

virtuoushub on 3 Mar 2019

ref #244

BcRikko on 4 Mar 2019

Maybe #319 fix these kind of bugs :pray: .
But I can't test it in Android Chrome nor Safari :cry:.
So it's better to keep this issue open for now even after we merge it.

guastallaigor on 4 Mar 2019

👍2

:tada: This issue has been resolved in version 2.1.1 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

BcRikko on 26 Mar 2019

Was this page helpful?

0 / 5 - 0 ratings