Mobile Safari Multi wählt Bug

Wenn ein wirklich ärgerlichen Fehler auf der aktuellen (iOS 9.2) Mobile Safari (zum ersten Mal seit iOS 7 erscheinen!) GefundenMobile Safari Multi wählt Bug

Wenn Sie mit mehreren Feldern, auf mobile Safari mit - wie folgen aus:

<select multiple> 
    <option value="test1">Test 1</option> 
    <option value="test2">Test 2</option> 
    <option value="test3">Test 3</option> 
</select>

Sie werden Probleme mit der automatischen Auswahl haben!

iOS wählt automatisch die erste Option nach dem Öffnen der Auswahl (ohne Benutzerinteraktion) - aber es wird es Ihnen nicht mit der blauen markieren "überprüfen".

Also, wenn Sie nun die zweite Option auswählen, die Auswahl wird Ihnen sagen, dass zwei Optionen ausgewählt werden (aber nur ein ausgewählter Hervorhebung) ...

Wenn Sie jetzt schließen und öffnen Sie die Auswahl wieder, wird iOS automatisch den ersten Wert abwählen - wenn Sie wiederholen, wird es ohne Benutzerinteraktion erneut ausgewählt.

Das ist ein wirklich nerviger Systemfehler, der die Benutzererfahrung bricht!

Quelle

2016-01-07 Laurenz Glück

Ich habe einen Fehlerbericht bei Apple eingereicht, lassen Sie uns warten, wie dies behebt. – migg

@migg der Fehler erscheint bereits auf iOS 7, die vor zwei Jahren veröffentlicht wurde ... Hoffentlich Apple endlich endlich behoben:/ –

Aber ich kann es nicht auf 9.1 reproduzieren, so scheint mir, es wurde in 9.2 eingeführt. Aber ich habe keine 7 zu überprüfen. – migg

Lösung für Safari Multi wählen Bug und Leere und Disabled Option tick verwandtes Thema:

<select multiple> 
 
<optgroup disabled hidden></optgroup> 
 
<option value="0">All</option> 
 
<option value="1">Test 1</option> 
 
<option value="2">Test 2</option> 
 
<option value="3">Test 3</option> 
 
<option value="4">Test 4</option> 
 
</select>

hinzufügen deaktiviert und versteckt optgroup vor den realen Möglichkeiten.

Quelle

2016-08-02 10:35:10

es ist Arbeit für mich, und ich denke, das ist ein guter Weg, danke – Serip88

Works. Sollte als richtige Antwort markiert sein. – ntaso

Irgendwelche Updates dazu? Da optgroup meine mobile Anwendung zum Absturz bringt. – Anky

Nach langen Recherche fand ich die folgende (nicht schönsten), aber funktionierende Lösung:

Der Trick ist eine leer und deaktiviert wählen Sie die Option in der Faust Position hinzuzufügen:

<select multiple> 
    <option disabled></option> 

    <option value="test1">Test 1</option> 
    <option value="test2">Test 2</option> 
    <option value="test3">Test 3</option> 
</select>

Dies verhindert, dass iOS automatisch die erste Option auswählt und die Auswahlwerte richtig und sauber hält!

Die leere Option ist nicht sichtbar und die Anzahl der Auswahlen ist korrekt.

Quelle

2016-01-07 16:38:39

Ein Häkchen wird immer noch angezeigt, wenn Sie oben auf klicken Liste –

Ja, das ist der Nachteil dieser Lösung ... –

Hinzufügen vor (oder Umbruch) die Optionen behebt das Problem. Dies verhindert auch, dass ein Häkchen beim Klicken erscheint.Eine leere Zeile ist immer noch sichtbar, wahrscheinlich für den Attributwert optgroup label reserviert. – user3336882

Antwort

Verwandte Themen