J'ai un iframe qui contient quelques listes déroulantes pour la saisie de données. J'ai récemment commencé à remarquer que la souris en cliquant sur l'élément de sélection dans l'iframe, la liste déroulante ne se développe pas. L'utilisateur peut cliquer sur la liste déroulante pour définir le focus, puis faire défiler le contenu en utilisant la flèche haut/bas sur le clavier, mais en cliquant sur le bouton fléché à côté de la liste ne l'étend pas & afficher son contenu.IE7 cross-domain iFrame Select issue
La page parente dans laquelle cette image est incorporée réside sur un domaine différent. Au départ, je pensais que cela pourrait avoir quelque chose à voir avec les événements javascript onfocus au sein de l'iframe. J'ai supprimé tous les scripts, je me suis débarrassé de tout le CSS et je l'ai réduit à un simple parent html statique avec une simple page iframe de html statique contenant juste un élément select. Lorsqu'il est exécuté sur le même serveur, le menu déroulant se comporte normalement, mais lorsque la page parent réside sur un domaine et le contenu iframe sur un autre, la liste de sélection ne peut pas être développée.
Ce problème semble se produire uniquement dans IE7. J'ai testé dans IE8 & IE9 sans aucun problème, aussi bien dans Safari, Chrome & Firefox. J'ai trouvé quelques articles de blog (liens ci-dessous) qui ont surgi au cours de la dernière semaine qui semblent être en cours d'exécution au même problème, mais aucune résolution.
http://scrumpy-jack.com/post/11177166236/html-select-crazy-egg-ie-and-iframes-updated
Quelqu'un at-il trouvé une solution à ce problème?
Nous avons fini par implémenter une solution de contournement basée sur la version IE similaire. Merci pour la suggestion et désolé pour le retard dans le marquage de votre réponse comme réponse! –