Muro di bug del browser
Contenuti obsoleti
Questa pagina non è aggiornata e non è più applicabile alle ultime versioni di Bootstrap. È qui solo per scopi storici ora e verrà rimosso nella nostra prossima versione principale.
Bootstrap attualmente risolve diversi bug eccezionali del browser nei principali browser per offrire la migliore esperienza cross-browser possibile. Alcuni bug, come quelli elencati di seguito, non possono essere risolti da noi.
Elenchiamo pubblicamente i bug del browser che ci stanno interessando qui, nella speranza di accelerare il processo di correzione. Per informazioni sulla compatibilità del browser di Bootstrap, consulta i nostri documenti sulla compatibilità del browser .
Guarda anche:
- Problema Chromium 536263: [meta] Problemi che interessano Bootstrap
- Mozilla bug 1230801: risolvi i problemi che interessano Bootstrap
- Bug WebKit 159753: [meta] Problemi che interessano Bootstrap
- Soluzioni alternative per i bug del browser di jQuery
Browser(i) | Riepilogo del bug | Problema/i a monte | Problemi Bootstrap |
---|---|---|---|
Bordo | Artefatti visivi in finestre di dialogo modali scorrevoli | Edizione Edge #9011176 | #20755 |
Bordo | Tooltip del browser nativo per gli title spettacoli sulla prima tastiera attiva (oltre al componente tooltip personalizzato) |
Problema di bordo #6793560 | #18692 |
Bordo | L'elemento al passaggio del mouse rimane ancora nello :hover stato dopo lo scorrimento. |
Edizione Edge #5381673 | #14211 |
Bordo | I CSS border-radius a volte causano linee di smarginatura background-color dell'elemento genitore. |
Edizione Edge #3342037 | #16671 |
Bordo | background di <tr> viene applicato solo alla prima cella figlio anziché a tutte le celle nella riga |
Problema di bordo #5865620 | #18504 |
Bordo | In alcuni casi, il colore di sfondo dello strato inferiore sanguina attraverso il bordo trasparente | Edizione Edge #6274505 | #18228 |
Bordo | Passare il mouse sopra l'elemento SVG discendente attiva l' mouseleave evento sull'antenato |
Problema di bordo n. 7787318 | #19670 |
Bordo | Sfarfallio attivo position: fixed; <button> durante lo scorrimento |
Problema di bordo n. 8770398 | #20507 |
Firefox | .table-bordered con un vuoto <tbody> mancano i bordi. |
Bug di Mozilla #1023761 | #13453 |
Firefox | Se lo stato disabilitato di un controllo modulo viene modificato tramite JavaScript, lo stato normale non viene restituito dopo l'aggiornamento della pagina. | Bug di Mozilla #654072 | #793 |
Firefox | focus gli eventi non devono essere attivati document sull'oggetto |
Bug di Mozilla #1228802 | #18365 |
Firefox | L'ampio tavolo fluttuante non si avvolge su una nuova linea | Bug di Mozilla #1277782 | #19839 |
Firefox | Il mouse a volte non è all'interno dell'elemento per gli scopi di mouseenter / mouseleave quando è all'interno degli elementi SVG |
Bug Mozilla #577785 | #19670 |
Firefox | Il layout con colonne mobili si interrompe durante la stampa | Bug Mozilla #1315994 | #21092 |
Firefox (Windows) | Il bordo destro del <select> menu a volte manca quando lo schermo è impostato su una risoluzione non comune |
Bug Mozilla #545685 | #15990 |
Firefox (macOS e Linux) | Il widget Badge fa sì che il bordo inferiore del widget Schede non si sovrapponga inaspettatamente | Bug di Mozilla #1259972 | #19626 |
Chrome (macOS) | Facendo clic sopra <input type="number"> il pulsante di incremento, il pulsante di decremento lampeggia. |
Emissione di cromo n. 419108 | #8350 , Emissione di cromo #337668 |
Cromo | L'animazione lineare infinita CSS con trasparenza alfa perde memoria. | Emissione di cromo n. 429375 | #14409 |
Cromo | table-cell i confini non si sovrappongono nonostantemargin-right: -1px |
Emissione di cromo #749848 | #17438 , #14237 |
Cromo | Non rendere :hover appiccicose le pagine Web touch-friendly |
Emissione di cromo n. 370155 | #12832 |
Cromo | position: absolute l'elemento più largo della sua colonna viene ritagliato in modo errato al limite della colonna |
Emissione di cromo n. 269061 | #20161 |
Cromo | Significativo miglioramento delle prestazioni per SVG dinamici con testo a seconda del numero di caratteri in font-family . |
Emissione di cromo n. 781344 | #24673 |
Safari | rem le unità nelle media query devono essere calcolate utilizzando font-size: initial , non l'elemento radicefont-size |
Bug di WebKit #156684 | #17403 |
Safari | Il collegamento a un contenitore con id e tabindex fa sì che il contenitore venga ignorato da VoiceOver (influisce sui collegamenti saltati) | Bug di WebKit #163658 | #20732 |
Safari | Le funzionalità CSS min-width e max-width multimediali non devono arrotondare i pixel frazionari |
Bug di WebKit #178261 | #25166 |
Safari (macOS) | px , em , e rem dovrebbero comportarsi tutti allo stesso modo nelle media query quando viene applicato lo zoom della pagina |
Bug di WebKit #156687 | #17403 |
Safari (macOS) | Comportamento strano del pulsante con alcuni <input type="number"> elementi. |
Bug WebKit n. 137269 , Radar Safari Apple n. 18834768 | # 8350 , Normalizza # 283 , Emissione di cromo # 337668 |
Safari (macOS) | Dimensioni del carattere ridotte durante la stampa di pagine Web con larghezza fissa .container . |
Bug WebKit n. 138192 , Radar Safari Apple n. 19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); errore di rendering. |
Bug WebKit n. 138162 , Radar Safari Apple n. 18804973 | #14603 |
Safari (iOS) | Il cursore dell'immissione di testo non si sposta durante lo scorrimento della pagina. | Bug WebKit n. 138201 , Radar Safari Apple n. 18819624 | #14708 |
Safari (iOS) | Impossibile spostare il cursore all'inizio del testo dopo aver inserito una lunga stringa di testo<input type="text"> |
Bug WebKit n. 148061 , Radar Safari Apple n. 22299624 | #16988 |
Safari (iOS) | display: block fa sì che il testo delle s temporali <input> diventi disallineato verticalmente |
Bug WebKit n. 139848 , Radar Safari Apple n. 19434878 | #11266 , #13098 |
Safari (iOS) | Toccando <body> non si attivano gli click eventi |
Bug di WebKit #151933 | #16028 |
Safari (iOS) | position:fixed è posizionato in modo errato quando la barra delle schede è visibile su iPhone 6S+ Safari |
Bug di WebKit #153056 | #18859 |
Safari (iOS) | Toccando un elemento <input> all'interno di un position:fixed elemento si scorre all'inizio della pagina |
Bug WebKit n. 153224 , Radar Safari Apple n. 24235301 | #17497 |
Safari (iOS) | <body> con overflow:hidden CSS è scorrevole su iOS |
Bug di WebKit #153852 | #14839 |
Safari (iOS) | Il gesto di scorrimento nel campo di testo position:fixed nell'elemento a volte scorre <body> invece dell'antenato scorrevole |
Bug di WebKit #153856 | #14839 |
Safari (iOS) | Modal with -webkit-overflow-scrolling: touch non diventa scorrevole dopo che il testo aggiunto lo rende più alto |
Bug di WebKit #158342 | #17695 |
Safari (iOS) | Non rendere :hover appiccicose le pagine Web touch-friendly |
Bug di WebKit #158517 | #12832 |
Safari (iOS) | Elemento che position:fixed scompare dopo l'apertura di un <select> menu |
Bug di WebKit #162362 | #20759 |
Safari (iPad Pro) | Il rendering dei discendenti position: fixed dell'elemento viene ritagliato su iPad Pro con orientamento orizzontale |
Bug WebKit n. 152637 , Radar Safari Apple n. 24030853 | #18738 |
Funzionalità più ricercate
Ci sono diverse funzionalità specificate negli standard Web che ci permetterebbero di rendere Bootstrap più robusto, elegante o performante, ma non sono ancora implementate in alcuni browser, impedendoci così di trarne vantaggio.
Elenchiamo pubblicamente queste richieste di funzionalità "più ricercate" qui, nella speranza di accelerare il processo di implementazione.
Browser(i) | Riepilogo delle funzionalità | Problema/i a monte | Problemi Bootstrap |
---|---|---|---|
Bordo | Gli elementi focalizzabili dovrebbero attivare il focus evento/ricevere: focus styling quando ricevono il focus narratore/accessibilità | Idea UserVoice di Microsoft A11y #16717318 | #20732 |
Bordo | Implementare la :dir() pseudo-classe da Selectors Level 4 |
Idea Edge UserVoice #12299532 | #19984 |
Bordo | Implementa l' <dialog> elemento HTML5 |
Idea Edge UserVoice #6508895 | #20175 |
Bordo | Attiva un transitioncancel evento quando una transizione CSS viene annullata |
Idea Edge UserVoice #15939898 | #20618 |
Bordo | Implementare la of <selector-list> clausola della :nth-child() pseudo-classe |
Idea Edge UserVoice #15944476 | #20143 |
Firefox | Implementare la of <selector-list> clausola della :nth-child() pseudo-classe |
Bug Mozilla #854148 | #20143 |
Firefox | Implementa l' <dialog> elemento HTML5 |
Bug Mozilla #840640 | #20175 |
Firefox | Quando il focus virtuale è su un pulsante o un collegamento, attiva anche il focus effettivo sull'elemento | Bug di Mozilla #1000082 | #20732 |
Cromo | Attiva un transitioncancel evento quando una transizione CSS viene annullata |
Emissione di cromo n. 642487 | Emissione di cromo #437860 |
Cromo | Implementare la of <selector-list> clausola della :nth-child() pseudo-classe |
Emissione di cromo n. 304163 | #20143 |
Cromo | Implementare la :dir() pseudo-classe da Selectors Level 4 |
Emissione di cromo #576815 | #19984 |
Safari | Attiva un transitioncancel evento quando una transizione CSS viene annullata |
Bug di WebKit #161535 | #20618 |
Safari | Implementare la :dir() pseudo-classe da Selectors Level 4 |
Bug di WebKit #64861 | #19984 |
Safari | Implementa l' <dialog> elemento HTML5 |
Bug di WebKit #84635 | #20175 |