J'ai une application qui est Django dans le backend, Angular pour le front-end. Je suis confronté à un problème où, dans un de mes modèles, j'ai une entrée avec une plage de types qui n'apparaît pas, mais uniquement dans Google Chrome, et uniquement dans une vue mobile. Cela fonctionne dans Firefox, et Safari et le curseur s'affichent, mais dans Chrome, il n'est visible que sur les largeurs d'écran du bureau. Il n'y a rien dans la console d'erreur pour suggérer que cela puisse avoir quelque chose à voir avec une erreur angulaire, je dis cela parce que j'utilise mobile-angular-ui qui est lourd sur les fonctionnalités de diapositives, et puisqu'il semble être seulement un problème mobile . J'ai également essayé quelques bibliothèques de curseurs tiers tels que http://rangeslider.js.org/ et https://github.com/dwyl/range-touch, mais toujours rien. Ma version de Chrome est 56.0.2924.87. Est-ce un problème que d'autres ont ou ont connu dans le passé?Entrée avec la plage de types ne fonctionne pas sur Google Chrome
1
A
Répondre
1
Est-ce que ça se passe sur iPhone?
<input type="range" min="0" max="10" step="2" value="6">
Selon http://fortuito.us/diveintohtml5/forms.html#type-range, Safari, Chrome et Opera tous les traiter comme un contrôle de curseur. (Malheureusement, l'iPhone le rend comme une simple boîte de texte, il n'optimise même pas son clavier à l'écran pour la saisie numérique.) Tous les autres navigateurs traitent simplement le champ comme type = "text", donc il n'y a aucune raison de le faire. t commencez à l'utiliser immédiatement.
Veuillez consulter https://www.wufoo.com/html5/types/8-range.html pour vérifier le support du navigateur.