Open binaryfire opened 5 days ago
rhiannonjourney
commented
2 days ago I've run into this issue also. I think its because Flux uses the native Popover attribute which is not supported in iOS 16 and below. There are some popover polyfills that exist, but they can't replicate the native behavior 100% so they probably wouldn't fix it. I have some public facing projects I'd love to use Flux on but I can't since iOS 16 support is required for them.
binaryfire
commented
1 day ago @rhiannonjourney Thanks for the info. That could be it. Issues:
The popover API is still listed as only partially supported: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
Can I Use says there’s only 75% global support right now: https://caniuse.com/?search=popover
There’s an open bug re: closing popups in WebKit on all versions of iOS: https://bugs.webkit.org/show_bug.cgi?id=267688
This really should have been checked before being used. Anything less than ~90% on Can I Use should be avoided (or a polyfill needs to be added) otherwise apps won't work on semi modern browsers (i.e. browsers ~2 years old).
We can't afford to have a mission critical package like a UI library break on 25% of browsers or be buggy on mobile. Browser testing using something like https://www.browserstack.com, plus some browser compatibility research beforehand, could avoid problems like this.
Hi guys
I'm using an iPhone X with the latest iOS version that runs on it (iOS 16). The iPhone X is still supported by Apple and gets regular updates. A lot of people are still on slightly older iphones.
Dropdowns and tooltips don't work on any browser on my phone. They're open as soon as the page is loaded and can't be closed. All iOS versions of browsers use Webkit (even Chrome) so it makes sense the same issue is present on all of them. Screenshots below. My apps are often used on mobile devices so this is a major issue for me. I tweeted about this a couple of times but never got a reply so figured I'd try here.
Chrome:
Safari:
Safari: