search

ash / raku-course

28 stars 11 forks source link

Quiz "declaring more variables" broken in Firefox #4

Closed MightyPork closed 3 years ago

MightyPork commented 3 years ago

You can't see what's in the fields. It's OK in Chrome-based browsers.

this is Firefox 84 on Linux with KDE Plasma desktop, Breeze theme (default).

Screenshot_20210117_144250

Screenshot_20210117_144312

It looks okay when I set the width to 1.6em or more. This may depend on the font used. Or set the <input> elements' border using CSS, that stops Firefox from using the default style.

border-radius: 3px;
border: 1px solid gray;
text-align: center;

there's gonna be the same problem in other similar quizes as well... like here:

Screenshot_20210117_145505

ash commented 3 years ago

Not sure how to reproduce it. It works correctly in FF 84.0.2 on a Mac.

image
MightyPork commented 3 years ago

I think the form styles the browser uses by default are taken from the OS. One possibility is using a Kubuntu VM. Or just set the smallest quiz field size to 1.6em or 2em and hope it will be okay

MightyPork commented 3 years ago

It can be reproduced using VirtualBox with this image: https://www.linuxvmimages.com/images/kubuntu-2004/

Firefox is pre-installed

Screenshot_20210117_155658

ash commented 3 years ago

Looks fine now. Can you please check?

image
MightyPork commented 3 years ago

Yup looks fine here too