В iOS 8.0 Apple въведе нов бъг в Safari на iPhone, който според мен е много сериозен при използване на множество <select>
елементи. Обикновено се използва например за избор на ден на раждане. За възпроизвеждане:
Създайте страница с две
<select>
с множество<option>
във всякаОтворете в Safari на iOS 8 на iPhone (Бъгът все още съществува в 8.0.2)
Докоснете първото
<select>
Изберете третата опция, т.е. март
Забележете, че не актуализира
<select>
до това, което сте избрали (това го прави в iOS 7)Докоснете втория елемент
<select>
Забележете следното:
- The first
<select>
doesn't update - Второто
<select>
показва 3 (което е позицията на първото<select>
) - Инструментът за избор по-долу показва 1
- The first
Можете да повторите това, като редувате докосването на първото и второто <select>
и забележете, че се променя по същия модел. Това може да се появи на случаен принцип, освен ако не знаете модела). Изглежда още по-объркващо, ако разполагате и с устройство за избор на години.
За да опитате в мобилното си устройство, опитайте този jsfiddle: http://jsfiddle.net/m7baw590/6/embedded/result/
Освен това onchange="alert(this.value)"
съобщава за неправилна стойност (същата, която е избрана на втория елемент <select>
. Можете да видите това тук: http://jsfiddle.net/m7baw590/7/embedded/result/
Тези грешки не възникват, ако щракнете върху „Готово“ между всяка селекция или използвате стрелките за превключване.
Има ли някакво решение за това?