Le texte chevauche l'espace réservé si VoiceOver est activé sur l'iPhone

Question

J'ai une entrée avec une valeur chargée dynamiquement. Lorsque la valeur apparaît dans le champ de saisie, l'espace réservé doit disparaître. Tout fonctionne correctement, mais lorsque j'active VoiceOver, l'espace réservé ne disparaît pas et le texte le recouvre.

est un exemple: https://jsfiddle.net/t8ykvp8e/

<input type="text" placeholder="Placeholder text" value=""> 

setTimeout(function() { 
    $('input').attr('value', '123') 
}, 2000) 

Avez-vous des idées sur la façon de le réparer? Merci!

Answer 1

Vous devez utiliser val method de jQuery pour définir la valeur de l'élément d'entrée. L'utilisation de attr modifie uniquement l'attribut de valeur de l'élément (en d'autres termes, sa valeur initiale), ce qui peut expliquer le comportement étrange associé à VoiceOver.

$('input').val('123'); 

Voir aussi: Properties and Attributes in HTML