Wenn Sie den Wert eines Feldes mit Javascript ändern, hält Safari den Platzhalter sichtbar

Question

Führen Sie den folgenden in Safari: https://jsfiddle.net/gkatsanos/2355m5ds/

Als ich() eines Eingabefeldes am Wechsel .val ohne in Safari auf manuell fokussiert, die Platzhalter bleibt übrig.

$('a').on('click',() => { 
 
    $('#stuff').val('lala'); 
 
});

input { 
 
    width: 500px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<form> 
 
    <input id="stuff" type="text" placeholder="This Won't get removed in Safari when we change the value of the input"> 
 
    <a href="#">Click this</a> 
 
</form>

Answer 1

Ich habe das gleiche Problem, und ich gepostet unter dem Forum Apple-Gemeinde ein paar Wochen. Ich habe versucht, jquery auf die neueste Version und keine Freude zu aktualisieren. Meine Vermutung ist, dass es sich um eine Apple-Änderung im Webkit handelt, die nicht mit jQuery kompatibel ist.

Answer 2

Das Problem tritt nur, wenn Sie die Javascript-Konsole in Safari geöffnet haben.

Zum Beispiel, wenn Sie Safari neu starten oder ein neues Fenster öffnen und die jsfiddle ausführen, wird es gut funktionieren. Wenn Sie "Entwickeln"> "Javascript-Konsole anzeigen" auswählen, wird das merkwürdige Verhalten gestartet, und zwar auch nach dem Schließen der Konsole.

Ich habe diesen Fehler an Apple gemeldet (# 33759204).