Since yesterday version (version 90.0.4430.72 ) I can't enter a time with keyboard. I have to click on the icon clock and select hours and minutes from the dropdown which is not very easy. Any ideas?
This appears to be a Chrome bug. I am having the same issue so I opened a bug report with Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=1199352:
Issue 1199352: Focusing <input type="time"> does not highlight hours
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.72 Safari/537.36
Steps to reproduce the problem:
1.Click on an input of type "time"
What is the expected behavior?
The input should focus and highlight the hours
What went wrong?
The input focuses but the hours text is not highlighted
Did this work before? Yes 89.0.4389.114
It was subsequently confirmed:
Able to reproduce the issue on windows 10, Linux and Mac 10.11.2 using chrome version 90.0.4430.72.Input focuses but the hours text is not highlighted
Please find the bisect information as below.
It was subsequently fixed and merged into Chrome 90 and 91
The main issue has been fixed in M90 and M91, thanks everyone for the help.
Related
How can I turn it dark-mode? I already set the Firefox theme to dark but it didn't change...
Your question bring me to the answer! I was troubling with the same and recently discovered how to do it.
OS
Ubuntu 18.04.4 LTS (64-bits)
If you have another OS on which it also worked, please add a comment below and I will add it (or add it yourself editing this answer).
Browser details
Mozilla Firefox for Ubuntu
Version 78.0.1 (64-bit)
Steps to reproduce
Press F12 (open Developer Tools)
Press F1 (or go to the "..." button at the top right corner and then press "Settings")
In Themes select Dark
Done
When I hover over the inspect tool or over the styles.css link in the styles tab, the tooltip is not displaying correctly. It is too far to the right and cut off. I have tried un-installing and re-installing Chrome. I have tried disabling all my extensions. I can't figure out what's causing this. Is this just a bug? I have already submitted this to the Google Chrome help. I am running OS X El Capitan 10.11.6 and Chrome Version 67.0.3396.62.
Screenshot of dev tools
I finally solved this by turning off "Use hardware acceleration when available" in my Chrome settings.
This was a bug in version 79. You have to update your Google Chrome to version 80+.
Is there a specific "Home screen" or "app mode" user-agent string for Safari on IOS? I noticed that there is a bug on IOS8 that makes the browser window appear in the wrong position. Notably the time and battery info on the iPad will be visible over the webpage and a black border will appear at the bottom. I'm guessing that the panel that used to be at the top on IOS7 was removed out of some reason and this was not tested accurately.
I would like to be able to work around these kinds of issues in the future so therefore it would be nice with a specific "App mode" user agent that could be used to fix bugs temporarily. Is there such a user-agent string or am I left in without workaround options?
I noticed this only occurs if the webpage is in "full screen" For instance the problem does not show up on stack overflow but it does on Slashdot.
Please don't sniff the user agent. A better way is to check the 'navigator.standalone' property. This will be 'true' when your web app is launched from the home screen.
I'm not sure why there's a black bar at the bottom here (that's definitely a bug), but in the future your content should be prepared to deal with the status bar, just like native apps do.
Here is 2 of user-agent strings using IOS 8:
Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/538.34.9 (KHTML, like Gecko) Mobile/12A4265u
Mozilla/5.0 (iPad; CPU OS 8_0 like Mac OS X) AppleWebKit/538.34.9 (KHTML, like Gecko) Mobile/12A4265u
hope it helps.
iPad and iPhone do not show "Safari" in their user-agent string when in HomeScreen mode.
Example of iPhone (viewing page in Browser) :
Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13F69 Safari/601.1
And the same phone (viewing the same page in WebApp) :
Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_2 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13F69
I just ran some random tests on my code and was shocked to discover that get_browser() read Opera as Google Chrome.
A few months ago get_browser() gave me correct results on all 5 browsers (chrome,ie,ff,opera,safari).
Today Opera displayed the same values with Google Chrome. First I thought get_browser() must be the problem so I tried getting alternatives. I saw this javascript alternative which works BUT like get_browser it also detected Opera as Google Chrome.
I made a quick search on this and found articles of Opera now using Chromium for its Desktop Browser.
Is that why my code is giving Opera and Google Chrome the same values?
I store user information for better user experience and it looks bad when my users are being told the wrong information.
Any ideas on how to keep individuality between Google Chrome and Opera?
All I can think of is using the user-agent but it can be faked.
Opera is now using Chromium/Blink as its basis. In order to solve compatibility issues, they purposely use Chrome's user-agent. Below is an example of UA string presented by Opera:
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.52 Safari/537.36 OPR/15.0.1147.100
However, differentiation of Opera and Chrome is still possible as Opera appends its version to the user-agent as you can see above.
If you want to keep using get_browser() function of PHP, you should wait for a later release of PHP that implements detection of Opera natively. However, you can also write a function to do that job. In fact, get_browser() works by decoding the user-agent field of the headers of a HTTP request.
I have the exact same version of Google Chrome (22.0.1229.94) on both my Mac (OSX 10.8.2) and my PC (Windows XP SP2) but my input buttons are being rendered slightly differently (the pc version is moved down slightly).
Here is shot of my devtools
Mac Version
PC Version
Obviously not a huge difference but enough to make it stand out. Any obvious flaws in my code?
I didn't realize that my font sizes were different. That seems to be the issue.