iOS 8 mehrere <select> schwerer Fehler auf dem iPhone?

In iOS 8.0, Apple eingeführt, ein neuer bug in Safari auf dem iPhone, die ich denke, ist sehr ernst, wenn mehrere <select> Elemente. Es wird allgemein verwendet, zum Beispiel wählen Sie Tag der Geburt. Zum reproduzieren:

  1. Erstellen Sie eine Seite mit zwei <select> mit mehreren <option> in jedem

  2. Öffnen in Safari unter iOS 8 auf dem iPhone (Der bug existiert immer noch in der 8.0.2)

  3. Tippen Sie auf das erste <select>

  4. Wählen Sie die Dritte option, D. H. März

  5. Beachten Sie, dass es aktualisiert nicht die <select> zu, was Sie gewählt haben (es ist in iOS 7)

  6. Tippen Sie auf das zweite <select> element

  7. Beachten Sie Folgendes:

    • Die ersten <select> aktualisiert nicht
    • Die zweite <select> zeigt 3 (das ist die position des ersten <select>)
    • Den picker unten zeigt 1

Können Sie diesen durch den Wechsel zwischen Tippen auf der ersten und zweiten <select>, und beachten Sie, dass es änderungen in dem gleichen Muster. Dies kann zufällig erscheinen, es sei denn, Sie wissen, die Muster). Es sieht sogar eher verwirrend, wenn Sie auch ein Jahr-picker.

Versuchen, in Ihrem mobilen Gerät, versuchen Sie dieses jsfiddle:
http://jsfiddle.net/m7baw590/6/embedded/result/

Auch, die onchange="alert(this.value)" meldet einen falschen Wert (die gleiche, die ausgewählt ist auf der zweiten <select> element. Sie sehen dies hier: http://jsfiddle.net/m7baw590/7/embedded/result/

Diese Fehler nicht auftreten, wenn Sie klicken Sie auf "Fertig" zwischen den einzelnen Auswahl, oder verwenden Sie die Pfeile zu wechseln.

Gibt es Abhilfe für dieses?

  • Ich habe diesen bug-report an apple als Problem 18701881, und bekam eine Antwort, dass es ein Duplikat von 18484444. Nach der Nummer scheint es eine Weile her. Wenn jemand einen workaround, bis Sie es zu beheben, würde ich gerne wissen.
  • Mögliche Duplikate von: stackoverflow.com/questions/20039194/...
  • Noch nicht fest in iOS 9.
  • Ich hatte das gleiche Problem. Problem war meine select Felder wurden verpackt in einem <label> - tag: stackoverflow.com/a/55408079
InformationsquelleAutor Niclas | 2014-09-30
  1. 7

    Löste ich das problem auf diese Weise:

    <select>
    <option></option>
    <option></option>
    <option></option>
    (...)
    <optgroup disabled></optgroup>
</select>

    Gerade Hinzugefügt eine leere <optgroup> zu den <select>.

    • Beeindruckend! Das funktionierte! Es scheint wie eine seltsame hack wenn. Hier ist ein Turnschuh, das funktioniert im iPhone 🙂 jsfiddle.net/m7baw590/12/embedded/result
    • das funktioniert auch, aber nun ist die Schnittstelle wählen Sie "Optionen" sieht irgendwie anders ist, Links ausgerichtet, anstatt mittig.
    • Das Steuerelement wird nicht geladen, jetzt
    • Weiß jemand etwas über einen bugreport auf iOS. Denn ich habe immer noch dieses komische Verhalten auf iOS 10.2 und 10.3
    InformationsquelleAutor rdshck
  2. 10

    Entdeckte ich ein bug mit select-Feldern in iOS8 (Nur auf dem iPhone, iPad scheint in Ordnung zum Beispiel).

    http://jsbin.com/kuhogopafe/1

    Reproduzieren:

    • Wählen Sie 3 Optionen
    • Deaktivieren Sie eine option wieder
    • Ergebnis: statt 2
      ausgewählte Optionen, nur die Letzte nicht ausgewählte option wird berichtet, wie
      jetzt selektiert
    • Kann ich bestätigen, den Fehler zu finden. Ich vermute, es ist wegen ähnlich buggy code von Apple. Hoffe Sie beheben es schnell.
    • Ich bin mit dem gleichen Fehler mit iOS 8.1.1 auf iPhone 5
    • Laufen in das gleiche Problem auf iOS 8.1.3 auf dem iPhone 5.
    • Dieser ist noch gültig mit iOS 9.2 auf das iPhone 6s
    • Nur auf diese Fehler mit multiselects auf iOS-9.2 auf dem iPhone 6+. Es geschah auf iOS 7 und 8 und jetzt 9 ist, ist klar, dass Apple nicht Regressionstests. "Es Funktioniert Einfach" mein a**.
    • Fast 2017 und noch nicht behoben der Fehler noch..

    InformationsquelleAutor Alex
  3. 0

    Die einzige Lösung, die ich gefunden für das iphone ist Safari zu deaktivieren Sie alle anderen Felder auswählen, onfocus-und wieder aktivieren, alle onblur. Dies zwingt den Benutzer zu schieben Fertig.

    InformationsquelleAutor Andras
Schreibe einen Kommentar