Fields don't allow user to type when CSS scaling is applied

hfinn shared this problem 6 months ago
Not a Problem

We have come across a strange issue with this applet when it has been scaled using CSS transforms: https://www.geogebra.org/m/gvxVk8Tk

The number input fields on the right don't show the focus or the user typing into them when they are in fullscreen and the applet is scaled up using CSS transforms.

Video showing issue: https://s3.amazonaws.com/lz...

Comments (5)

photo
1

This is an older bug in Chrome/Safari, see https://bugs.chromium.org/p...=


You can avoid that by either not using overflow:hidden for any parent of GeoGebra applet (preferable) or by using zoom instead of transform.

photo
1

I checked a bit more if we can fix it on our end and couldn't find a solution. Please check if one of the workarounds suggested are possible to implement on your side.

photo
1

Hi Zbynek --

I'm picking-up this issue on our end.

zoom is worse than transform. None of the fields work—not even in regular (non-fullscreen) view.

Removing overflow:hidden makes the page look pretty bad because the widget has a lot of whitespace. Scrollbars are added and there are some other unpleasant visual side-effects.

I see you have classified the Chromium bug as a Windows bug. Could reclassifying it as multi-OS, macOS, or ChromeOS get it some more visibility?

Thanks,

Ian

photo
1

(Also, why is this issue in GeoGebra marked as "Not a Problem"? I think it should be classified as a problem with an upstream fix that needs to be followed-up on periodically.)

photo
1

> I see you have classified the Chromium bug as a Windows bug

I think Google have done that. The issue probably needs more "stars" to get their attention


> marked as "Not a Problem"

ie not a bug in GeoGebra

© 2019 International GeoGebra Institute