Transformer la propriété dans Firefox et Dropdown bug

Question

J'ai un problème avec un formulaire dans un conteneur de popup qui utilise la transformation de la propriété css: translate to center the popup.

J'ai un formulaire à l'intérieur avec des champs sélectionnés et les listes déroulantes ne bougent pas avec le reste du contenu. Ils sont positionnés là où le popup serait s'il n'avait pas la propriété de transformation dessus.

Cela ne se passe que dans Firefox. J'ai essayé d'ajouter transform: none aux champs select et child, en utilisant une transformation qui est l'opposé de la popup mais rien ne fonctionne. Est-ce que quelqu'un sait une solution pour cela? Je vous remercie.

Answer 1

Il s'est avéré être une propriété de style d'animation sur le popup. Je l'ai enlevé et boom, retour à la normale. Merci, Gaby aka G. Petrioli, pour la réponse.

.smile-3DRotateBottom { 
-webkit-animation-name: smile-3DRotateBottom; 
animation-name: smile-3DRotateBottom; 
-webkit-perspective: 1300px; 
perspective: 1300px; 
-webkit-transform-style: preserve-3d; 
transform-style: preserve-3d; 
-webkit-transform-origin: 0 100%; 
transform-origin: 0 100%; 

}