Mur de bogues de navigateur
Contenu obsolète
Cette page est obsolète et n'est plus applicable aux dernières versions de Bootstrap. Il est ici uniquement à des fins historiques maintenant et sera supprimé dans notre prochaine version majeure.
Bootstrap travaille actuellement autour de plusieurs bogues de navigateur exceptionnels dans les principaux navigateurs pour offrir la meilleure expérience possible entre navigateurs. Certains bugs, comme ceux listés ci-dessous, ne peuvent pas être résolus par nous.
Nous listons publiquement les bogues du navigateur qui nous affectent ici, dans l'espoir d'accélérer le processus de correction. Pour plus d'informations sur la compatibilité du navigateur de Bootstrap, consultez notre documentation sur la compatibilité du navigateur .
Voir également:
- Problème Chromium 536263 : [meta] Problèmes affectant Bootstrap
- Bogue Mozilla 1230801 : Résoudre les problèmes qui affectent Bootstrap
- Bogue WebKit 159753 : [meta] Problèmes affectant Bootstrap
- Solutions de contournement des bogues du navigateur de jQuery
Navigateur(s) | Résumé du bogue | Problème(s) en amont | Problème(s) d'amorçage |
---|---|---|---|
Bord | Artefacts visuels dans les boîtes de dialogue modales défilantes | Problème Edge #9011176 | #20755 |
Bord | Info-bulle du navigateur natif pour title les émissions sur le premier focus du clavier (en plus du composant d'info-bulle personnalisé) |
Problème Edge #6793560 | #18692 |
Bord | L'élément survolé reste dans :hover l'état après le défilement. |
Problème Edge # 5381673 | #14211 |
Bord | CSS border-radius provoque parfois des lignes de débordement background-color de l'élément parent. |
Problème Edge #3342037 | #16671 |
Bord | background de <tr> n'est appliqué qu'à la première cellule enfant au lieu de toutes les cellules de la ligne |
Problème Edge # 5865620 | #18504 |
Bord | La couleur d'arrière-plan de la couche inférieure saigne à travers la bordure transparente dans certains cas | Problème Edge #6274505 | #18228 |
Bord | Le survol de l'élément SVG descendant déclenche mouseleave un événement sur l'ancêtre |
Problème Edge # 7787318 | #19670 |
Bord | Clignotement actif position: fixed; <button> lors du défilement |
Problème Edge # 8770398 | #20507 |
Firefox | .table-bordered avec un vide <tbody> il manque des bordures. |
Bogue Mozilla #1023761 | #13453 |
Firefox | Si l'état désactivé d'un contrôle de formulaire est modifié via JavaScript, l'état normal ne revient pas après l'actualisation de la page. | Bogue Mozilla #654072 | #793 |
Firefox | focus les événements ne doivent pas être déclenchés sur l' document objet |
Bogue Mozilla #1228802 | #18365 |
Firefox | La table flottante large ne s'enroule pas sur la nouvelle ligne | Bogue Mozilla #1277782 | #19839 |
Firefox | La souris n'est parfois pas dans l'élément à des fins de mouseenter / mouseleave lorsqu'elle se trouve dans des éléments SVG |
Bogue Mozilla #577785 | #19670 |
Firefox | La mise en page avec des ruptures de colonnes flottantes lors de l'impression | Bogue Mozilla #1315994 | #21092 |
Firefox (Windows) | La bordure droite du <select> menu est parfois manquante lorsque l'écran est réglé sur une résolution inhabituelle |
Bogue Mozilla #545685 | #15990 |
Firefox (macOS et Linux) | Le widget Badge fait en sorte que la bordure inférieure du widget Tabs ne se chevauche pas de manière inattendue | Bogue Mozilla #1259972 | #19626 |
Chrome (macOS) | Cliquer au-dessus du bouton d' <input type="number"> incrémentation fait clignoter le bouton de décrémentation. |
Problème de chrome # 419108 | #8350 , problème de chrome #337668 |
Chrome | L'animation linéaire infinie CSS avec transparence alpha perd de la mémoire. | Numéro de chrome # 429375 | #14409 |
Chrome | table-cell les frontières ne se chevauchent pas malgrémargin-right: -1px |
Problème de chrome #749848 | #17438 , #14237 |
Chrome | Ne collez pas :hover sur les pages Web tactiles |
Numéro de chrome #370155 | #12832 |
Chrome | position: absolute un élément plus large que sa colonne est incorrectement coupé à la limite de la colonne |
Numéro de chrome #269061 | #20161 |
Chrome | Perte de performance significative pour les SVG dynamiques avec du texte en fonction du nombre de polices dans font-family . |
Problème de chrome #781344 | #24673 |
Safari | rem les unités dans les requêtes multimédias doivent être calculées à l'aide de font-size: initial , et non de l'élément racinefont-size |
Bogue WebKit n° 156684 | #17403 |
Safari | Un lien vers un conteneur avec un identifiant et un tabindex entraîne l'ignorance du conteneur par VoiceOver (affecte les liens de saut) | Bogue WebKit n° 163658 | #20732 |
Safari | Les fonctionnalités CSS min-width et max-width multimédia ne doivent pas arrondir le pixel fractionnaire |
Bogue WebKit n° 178261 | #25166 |
Safari (mac OS) | px , em , et rem doivent tous se comporter de la même manière dans les requêtes multimédias lorsque le zoom de page est appliqué |
Bogue WebKit n° 156687 | #17403 |
Safari (mac OS) | Comportement étrange des boutons avec certains <input type="number"> éléments. |
Bogue WebKit n° 137269 , radar Apple Safari n° 18834768 | #8350 , Normaliser #283 , Problème de chrome #337668 |
Safari (mac OS) | Petite taille de police lors de l'impression d'une page Web avec une largeur fixe .container . |
Bogue WebKit n° 138192 , radar Apple Safari n° 19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); bug de rendu. |
Bogue WebKit n° 138162 , radar Apple Safari n° 18804973 | #14603 |
Safari (iOS) | Le curseur de saisie de texte ne bouge pas pendant le défilement de la page. | Bogue WebKit n° 138201 , radar Apple Safari n° 18819624 | #14708 |
Safari (iOS) | Impossible de déplacer le curseur au début du texte après avoir entré une longue chaîne de texte dans<input type="text"> |
Bogue WebKit n° 148061 , radar Apple Safari n° 22299624 | #16988 |
Safari (iOS) | display: block provoque <input> un désalignement vertical du texte de s temporel |
Bogue WebKit n° 139848 , radar Apple Safari n° 19434878 | #11266 , #13098 |
Safari (iOS) | Appuyer sur <body> ne déclenche pas les click événements |
Bogue WebKit n° 151933 | #16028 |
Safari (iOS) | position:fixed est mal positionné lorsque la barre d'onglets est visible sur iPhone 6S+ Safari |
Bogue WebKit n° 153056 | #18859 |
Safari (iOS) | Taper sur un élément <input> dans un position:fixed élément fait défiler vers le haut de la page |
Bogue WebKit n° 153224 , radar Apple Safari n° 24235301 | #17497 |
Safari (iOS) | <body> avec overflow:hidden CSS est défilable sur iOS |
Bogue WebKit n° 153852 | #14839 |
Safari (iOS) | Le geste de défilement dans le champ de texte de l' position:fixed élément défile parfois <body> au lieu de l'ancêtre défilable |
Bogue WebKit n° 153856 | #14839 |
Safari (iOS) | Modal avec -webkit-overflow-scrolling: touch ne devient pas défilable après que le texte ajouté le rend plus grand |
Bogue WebKit n° 158342 | #17695 |
Safari (iOS) | Ne collez pas :hover sur les pages Web tactiles |
Bogue WebKit n° 158517 | #12832 |
Safari (iOS) | Elément qui position:fixed disparaît après l'ouverture d'un <select> menu |
Bogue WebKit n° 162362 | #20759 |
Safari (iPad Pro) | Le rendu des descendants de position: fixed l'élément est coupé sur l'iPad Pro en orientation Paysage |
Bogue WebKit n° 152637 , radar Apple Safari n° 24030853 | #18738 |
Fonctionnalités les plus recherchées
Il existe plusieurs fonctionnalités spécifiées dans les standards Web qui nous permettraient de rendre Bootstrap plus robuste, élégant ou performant, mais ne sont pas encore implémentées dans certains navigateurs, nous empêchant ainsi d'en tirer parti.
Nous listons publiquement ces demandes de fonctionnalités « les plus recherchées » ici, dans l'espoir d'accélérer le processus de mise en œuvre.
Navigateur(s) | Résumé de la fonctionnalité | Problème(s) en amont | Problème(s) d'amorçage |
---|---|---|---|
Bord | Les éléments focalisables doivent déclencher l'événement focus/recevoir le style :focus lorsqu'ils reçoivent le focus Narrateur/accessibilité | Idée Microsoft A11y UserVoice #16717318 | #20732 |
Bord | Implémenter la :dir() pseudo-classe de Selectors Level 4 |
Idée Edge UserVoice #12299532 | #19984 |
Bord | Implémenter l' <dialog> élément HTML5 |
Idée Edge UserVoice #6508895 | #20175 |
Bord | Déclencher un transitioncancel événement lorsqu'une transition CSS est annulée |
Idée Edge UserVoice #15939898 | #20618 |
Bord | Implémenter la of <selector-list> clause de la :nth-child() pseudo-classe |
Idée Edge UserVoice #15944476 | #20143 |
Firefox | Implémenter la of <selector-list> clause de la :nth-child() pseudo-classe |
Bogue Mozilla #854148 | #20143 |
Firefox | Implémenter l' <dialog> élément HTML5 |
Bogue Mozilla #840640 | #20175 |
Firefox | Lorsque le focus virtuel est sur un bouton ou un lien, déclenche également le focus réel sur l'élément | Bogue Mozilla #1000082 | #20732 |
Chrome | Déclencher un transitioncancel événement lorsqu'une transition CSS est annulée |
Problème de chrome #642487 | Problème de chrome # 437860 |
Chrome | Implémenter la of <selector-list> clause de la :nth-child() pseudo-classe |
Numéro de chrome #304163 | #20143 |
Chrome | Implémenter la :dir() pseudo-classe de Selectors Level 4 |
Problème de chrome # 576815 | #19984 |
Safari | Déclencher un transitioncancel événement lorsqu'une transition CSS est annulée |
Bogue WebKit n° 161535 | #20618 |
Safari | Implémenter la :dir() pseudo-classe de Selectors Level 4 |
Bogue WebKit n° 64861 | #19984 |
Safari | Implémenter l' <dialog> élément HTML5 |
Bogue WebKit n° 84635 | #20175 |