If a website has an HTML time input then Firefox doesn't display the whole of the clock to set the time. Date is OK
I have a device that allows a user to login via a browser and as part set the date and time of the device. The date set works correctly but the time function fails. As the screen-shot shows the time picker is only 2/3 the width and the "set" button is missing. The code on the device for this function is -
<input type = "time" name = "newTime"/>
This function works correctly in Chrome on Android 7.0 and with Firefox on Android 6.0 but not with Firefox on Android 7.0
Wšě wotmołwy (3)
It may be that the zoom level is too high to show the whole control in the space allotted. Since I can only see a small part of the text behind the control, that seems like it could be the issue here. Does Firefox zoom in automatically when the user touches the form field?
I don't know if there is a workaround for you as the web developer, or whether the user needs to manually zoom out, if that is possible. (There are issues with zoom in Firefox for Android where the user can't change it by pinching in some circumstances, which is very frustrating.)
I don't get the inner ring of numbers, and I have AM / PM below my time, so I might not be able to test your configuration.
Even on mine there definitely is a problem with the control cutting off when rotating between landscape and portrait, or vice versa.
Thanks for your comments.
Couple of points -
1. I had zoomed into the screen behind by mistake but even in the default view the problem is the same.
2. This only occurs in landscape mode. In portrait mode the clock generated by Firefox is complete with all three buttons. The device I am connected to needs the Android device to be in landscape mode to use the full width of the screen to display later device screens that contain tables.