10 votes

IE10 : problème de boîte de sélection

Je testais mon application dans IE10 et j'ai trouvé un comportement étrange pour la boîte de sélection. L'option sélectionnée est mise en évidence et les options au-dessus/en dessous sont affichées au-dessus/en dessous de l'option sélectionnée. La boîte déroulante est cachée.

Cela ne se produit que dans IE10. Dans tous les autres navigateurs, les options s'affichent sous la boîte de sélection.

Essayez avec l'exemple de code ci-dessous dans IE10 et IE9 :

<!DOCTYPE html>
<html>
    <body>
        <select>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="opel">Opel</option>
            <option value="audi">Audi</option>
        </select>
    </body>
</html>

Y a-t-il un moyen de faire apparaître les options sous la boîte de sélection comme d'habitude ou existe-t-il un hack pour IE10 ?

Merci.

8voto

Jonathan Sampson Points 121800

C'est le comportement par défaut de ce contrôle dans Internet Explorer 10. En fonction du nombre d'éléments de la liste et de la taille de l'écran, d'autres navigateurs afficheront le menu différemment - bien que je pense qu'IE10 est le seul navigateur qui équilibrera le nombre d'éléments au-dessus et au-dessous de l'élément de sélection lorsque la liste déroulante est ouverte.

2voto

SSH This Points 475

Utilisez <select size="1"> pour forcer une seule ligne visible. Il ne s'agit pas d'une modification spécifique à IE10, mais d'une solution universelle.

1voto

Luis Cantero Points 121

L'un des avantages de ce nouveau comportement dans IE10 est qu'il facilite grandement l'interaction tactile. En outre, il est cohérent avec la façon dont le reste de Windows se comporte. Il n'existe actuellement aucun moyen de modifier ce comportement. J'ai transmis les commentaires à l'équipe IE.

0voto

Ads Points 313

Je cherchais à résoudre le même problème dans un site... J'ai découvert que les derniers contrôles telerik fonctionnent "correctement" ou plus correctement "à la manière d'IE9" dans IE10... :-)

Je n'ai pas travaillé avec cette dernière version, et je ne travaille pas pour Telerik, donc ne tirez pas sur le messager si cela vous fait souffrir

http://demos.telerik.com/aspnet-ajax/dropdownlist/examples/overview/defaultcs.aspx

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X