Bug #22914
Problème d'affichage des listes (<select>) avec IE11
0%
Description
De Brice :
Constaté sur des postes équipés d'IE 11.0 : souci d'affichage des listes déroulantes i.e. bouton pour faire dérouler la liste n'est pas calé à l'extrême droite, copie écran jointe.
Fichiers
Révisions associées
Historique
Mis à jour par Thomas Noël il y a environ 6 ans
A vérifier que l'IE n'est pas configuré en "moteur IE8" (vu chez certain client où certaines applications ne fonctionnent pas autrement)
Si tu as l'URL, on peut regarder avec un "vrai IE".
A ce sujet, vous pouvez vous installer une machine IE, Microsoft propose des images VirtualBox pour ça : https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
Mis à jour par Frédéric Péters il y a environ 6 ans
- Statut changé de Nouveau à Information nécessaire
Mis à jour par Serghei Mihai il y a presque 6 ans
- Fichier no-padding-right.png no-padding-right.png ajouté
- Fichier padding-right-4em.png padding-right-4em.png ajouté
- Assigné à mis à Serghei Mihai
Le problème est bien présent avec IE 11, sans emulation d'une vieille version (8 ou autre).
Le bug d'affichage vient du padding droit de 4em posé pour laisser la place à l'image de fond (fléche).
En plus, l'image n'est pas prise en compte.
Mis à jour par Anonyme il y a presque 6 ans Privée
Non mais on ne cale rien du tout à l'extrême droite, c'est quoi ce bordel ?!?
Mis à jour par Serghei Mihai il y a presque 6 ans
Tu peux écrire en "public".
La fléche pour déplier la liste est une image de fond, et elle n'est pas visible.
Mis à jour par Serghei Mihai il y a presque 6 ans
- Fichier IE11-select-arrow.png IE11-select-arrow.png ajouté
- Fichier 0001-scss-fix-select-field-custom-arrow-rendering-under-I.patch 0001-scss-fix-select-field-custom-arrow-rendering-under-I.patch ajouté
- Statut changé de Information nécessaire à Solution proposée
- Patch proposed changé de Non à Oui
Directive spéciale pour dire à IE de cacher sa fléche.
Modification du SVG de la fléche pour y déclarer la taille de l'image, pour que IE la prenne en compte.
Aucun impact d'affichage sur Firefox et Chrome.
Mis à jour par Frédéric Péters il y a presque 6 ans
- Statut changé de Solution proposée à Solution validée
Ok.
Mis à jour par Serghei Mihai il y a presque 6 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit a5338e378245915868ab892ad6051878794c66f4 (origin/master, origin/HEAD) Author: Serghei Mihai <smihai@entrouvert.com> Date: Fri Jul 13 00:23:36 2018 +0200 scss: fix select field custom arrow rendering under IE (#22914)
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Statut changé de Résolu (à déployer) à Solution déployée
scss: fix select field custom arrow rendering under IE (#22914)