Safari & Chrome freezing when focusing a Select in iOS

Cake

I have a reoccurring problem with Safari and Chrome on iOS freezing when a Select is focused. I've seen some older posts about this but with no resolutions.

I have a page with a fairly high number of HTML inputs and selects. I tried to design the page in a way to use DIVs that look like inputs to lower the overall count, but some of them are still needed.

Here is the page in question: http://www.pokedit.com/pokemon-maker/index.php

The page doesn't always freeze when focusing, but when it does, it's for a long time and the browser usually crashes.

Info:

  • There are some selects on the page that are display:none or inside hidden DIVS. Some of those can be revealed by changing different toggles.

  • There are no input type="hidden" inputs on the page.

  • The freezing problem does not happen in Android, Windows, Mac, or Ubuntu in any browsers that I've tested.

Cake

Since Apple is an amazing company and designs their software well, you're going to have to compensate by heavily altering your design even though it works fine in every other modern browser. Think of iOS as the EI 6 of our time. It's sure to leave a legacy.

Now it's back to the drawing board for you and anyone else with this delightful technicality. You're going to enjoy wasting lots of time writing code to do things with basic functionality that selects and inputs are already supposed to do. That will ensure your pages can load just a smidgen slower whilst wasting a bunch of time and effort writing extra code for no reason at all.

Special thanks to Steve Jorbs.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

iOS Safari/Chrome - Unwanted scrolling when focusing an input inside the modal

iOS Chrome/Safari - Unwanted scrolling when focusing an input inside the modal

iOS Safari/Chrome - Unwanted scrolling when focusing on input fields

iOS 7 Safari: OS locks up for 4 seconds when clicking/focusing on a HTML input

WebRTC remote video keeps freezing on ios Safari

how to prevent iOS safari from focusing new element?

Chrome is freezing Ubuntu when opening a tab or restarting

force safari iOS select component to update when options change

Chrome inspector keeps opening and focusing on console when editing css

Rounded corners on `select` in Chrome and Safari

select2 form-control not focusing when tabbing

Applications not Focusing when Launched

how can css for select on Safari same Chrome

Why is this date invalid on iOS and Safari but not in Chrome and Firefox?

video not playing on Android (chrome) and iOS (safari)

CSS :hover not working on iOS Safari and Chrome

PHP Remote Streaming Not Working On iOS (Safari, Chrome)

iOS handoff from phone to macbook safari/chrome

CORS works on Chrome but not on Safari or on iOS device

iOS 9.2: Select List (multiple) incorrectly firing change event and setting value to first option on focus. (safari and chrome)

Style HTML select tag on ios/safari/iPhone

Different font sizes when printing in Chrome and Safari

IOS: javascript cookie not working on ios browsers like safari or chrome

WWW freezing when there is no internet

The keyboard is flashing when focusing on the TextFormField

CSS - stick to bottom of iOS Safari when scrolling

Nuxtjs Favicons not showing on iOS Safari when bookmarked

XSS vulnerability when sending an URL to Safari iOS

Loading a font from a CDN and it's fine on Chrome Browser and Safari for iOS Simulator but not loading on iOS Safari browser?