Tembok bug browser
eusi luntur
Kaca ieu geus luntur sarta geus euweuh lumaku pikeun versi panganyarna tina Bootstrap. Ieu di dieu murni pikeun tujuan sajarah ayeuna sareng bakal dipiceun dina rilis utama kami salajengna.
Bootstrap ayeuna tiasa dianggo dina sababaraha bug browser anu luar biasa dina browser utama pikeun nganteurkeun pangalaman cross-browser pangsaéna. Sababaraha bug, sapertos anu didaptarkeun di handap, teu tiasa direngsekeun ku kami.
Kami sacara umum daptar bug browser anu mangaruhan kami di dieu, kalayan ngarepkeun ngagancangkeun prosés ngalereskeunana. Kanggo inpo ngeunaan kasaluyuan browser Bootstrap, tingali docs kasaluyuan browser urang .
Tempo ogé:
- Masalah Chromium 536263: [meta] Masalah anu mangaruhan Bootstrap
- Bug Mozilla 1230801: Ngalereskeun masalah anu mangaruhan Bootstrap
- Bug WebKit 159753: [meta] Masalah anu mangaruhan Bootstrap
- workarounds bug browser jQuery urang
| Browser (s) | Ringkesan bug | Masalah hulu | Masalah Bootstrap |
|---|---|---|---|
| Ujung | Artefak visual dina dialog modal anu tiasa digulung | Masalah tepi #9011176 | #20755 |
| Ujung | tooltip browser asli pikeun titlenempokeun on fokus keyboard munggaran (salian komponén tooltip custom) |
Masalah tepi #6793560 | #18692 |
| Ujung | Unsur hovered masih tetep dina :hoverkaayaan sanggeus ngagulung jauh. |
Masalah tepi #5381673 | #14211 |
| Ujung | CSS border-radiuskadang ngabalukarkeun garis getihan-liwat tina background-colorunsur indungna. |
Masalah tepi #3342037 | #16671 |
| Ujung | backgroundof <tr>ngan dilarapkeun ka sél anak kahiji tinimbang sakabéh sél dina baris |
Masalah tepi #5865620 | #18504 |
| Ujung | Warna latar tina lapisan handap ngaluarkeun getih ngaliwatan wates transparan dina sababaraha kasus | Masalah tepi #6274505 | #18228 |
| Ujung | Hovering leuwih turunan SVG unsur seuneu mouseleaveacara di karuhun |
Masalah tepi #7787318 | #19670 |
| Ujung | Kedip -kedip aktip position: fixed; <button>nalika ngagulung |
Masalah tepi #8770398 | #20507 |
| Firefox | .table-borderedkalawan kosong <tbody>geus leungit wates. |
bug Mozilla #1023761 | #13453 |
| Firefox | Lamun kaayaan ditumpurkeun kontrol formulir dirobah via JavaScript, kaayaan normal moal balik sanggeus refreshing kaca. | bug Mozilla #654072 | #793 |
| Firefox | focusacara teu kudu dipecat dina documentobyék |
bug Mozilla #1228802 | #18365 |
| Firefox | Méja ngambang lebar henteu ngabungkus kana garis énggal | bug Mozilla #1277782 | #19839 |
| Firefox | Mouse kadang henteu aya dina unsur pikeun tujuan mouseenter/ mouseleavenalika aya dina elemen SVG |
bug Mozilla #577785 | #19670 |
| Firefox | Tata perenah sareng kolom ngambang ngarecah nalika nyitak | bug Mozilla #1315994 | #21092 |
| Firefox (Windows) | Wates katuhu <select>menu kadang leungit lamun layar disetel ka resolusi ilahar |
bug Mozilla #545685 | #15990 |
| Firefox (macOS & Linux) | Widget badge nyababkeun wates handap widget Tab teu disangka-sangka teu tumpang tindih | bug Mozilla #1259972 | #19626 |
| Chrome (macOS) | Ngaklik <input type="number">tombol increment luhur flashes tombol decrement. |
Chromium ngaluarkeun #419108 | #8350 , ngaluarkeun Chromium #337668 |
| Chrome | CSS animasi linier taya wates jeung alfa transparansi bocor memori. | Chromium ngaluarkeun #429375 | #14409 |
| Chrome | table-cellwates teu tumpang tindih sanajanmargin-right: -1px |
Chromium ngaluarkeun #749848 | #17438 , #14237 |
| Chrome | Ulah nyieun :hovercaket dina kaca web ramah touch |
Chromium ngaluarkeun #370155 | #12832 |
| Chrome | position: absoluteelemen anu leuwih lega ti kolom na salah clipped kana wates kolom |
Chromium ngaluarkeun #269061 | #20161 |
| Chrome | Prestasi anu signifikan pikeun SVG dinamis kalayan téks gumantung kana jumlah fon dina font-family. |
Chromium ngaluarkeun #781344 | #24673 |
| Safari | remHijian dina queries média kudu diitung ngagunakeun font-size: initial, teu akar unsur urangfont-size |
WebKit bug #156684 | #17403 |
| Safari | Tautan ka wadah anu nganggo id sareng tabindex nyababkeun wadahna teu dipalire ku VoiceOver (mangaruhan tautan skip) | WebKit bug #163658 | #20732 |
| Safari | CSS min-widthjeung max-widthmédia fitur teu kudu buleud fractional piksel |
Kutu WebKit #178261 | #25166 |
| Safari (macOS) | px, em, sareng remsadayana kedah kalakuanana sami dina pamundut média nalika zum halaman diterapkeun |
Kutu WebKit #156687 | #17403 |
| Safari (macOS) | kabiasaan tombol aneh kalawan sababaraha <input type="number">elemen. |
Bug WebKit #137269 , Apple Safari Radar #18834768 | #8350 , Normalize #283 , Chromium ngaluarkeun #337668 |
| Safari (macOS) | Ukuran font leutik nalika nyitak halaman wéb kalayan lebar tetep .container. |
Bug WebKit #138192 , Apple Safari Radar #19435018 | #14868 |
| Safari (ios) | transform: translate3d(0,0,0);bug Rendering. |
Bug WebKit #138162 , Apple Safari Radar #18804973 | #14603 |
| Safari (ios) | Kursor input téks henteu gerak nalika ngagulung halaman. | Bug WebKit #138201 , Apple Safari Radar #18819624 | #14708 |
| Safari (ios) | Teu bisa mindahkeun kursor ka mimiti téks sanggeus ngasupkeun string panjang téks kana<input type="text"> |
Bug WebKit #148061 , Apple Safari Radar #22299624 | #16988 |
| Safari (ios) | display: blockngabalukarkeun téks temporal <input>s jadi vertikal misaligned |
Bug WebKit #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
| Safari (ios) | Ngetok <body>henteu ngabakar clickacara |
WebKit bug #151933 | #16028 |
| Safari (ios) | position:fixeddiposisikan salah nalika bar tab katingali dina iPhone 6S+ Safari |
WebKit bug #153056 | #18859 |
| Safari (ios) | Ngetok kana unsur <input>dina hiji position:fixedngagulung ka luhur kaca |
Bug WebKit #153224 , Apple Safari Radar #24235301 | #17497 |
| Safari (ios) | <body>kalawan overflow:hiddenCSS nyaeta scrollable on ios |
WebKit bug #153852 | #14839 |
| Safari (ios) | Gulung sapuan dina widang teks dina position:fixedunsur kadang ngagulung <body>tinimbang karuhun anu tiasa digulung |
WebKit bug #153856 | #14839 |
| Safari (ios) | Modal kalawan -webkit-overflow-scrolling: touchteu jadi scrollable sanggeus téks ditambahkeun ngajadikeun eta jangkung |
Bug WebKit #158342 | #17695 |
| Safari (ios) | Ulah nyieun :hovercaket dina kaca web ramah touch |
WebKit bug #158517 | #12832 |
| Safari (ios) | Unsur anu position:fixedngaleungit saatos muka <select>ménu |
WebKit bug #162362 | #20759 |
| Safari (iPad Pro) | Rendering turunan position: fixedunsur bakal dipotong dina iPad Pro dina orientasi Lansekap |
Bug WebKit #152637 , Apple Safari Radar #24030853 | #18738 |
Fitur anu paling dipikahoyong
Aya sababaraha fitur anu ditetepkeun dina standar Wéb anu ngamungkinkeun urang ngajantenkeun Bootstrap langkung kuat, elegan, atanapi berprestasi, tapi henteu acan dilaksanakeun dina panyungsi anu tangtu, sahingga nyegah urang tina ngamangpaatkeunana.
Kami sacara umum daptar pamenta fitur "paling dipikahoyong" ieu di dieu, kalayan harepan ngagancangkeun prosés ngalaksanakeunana.
| Browser (s) | Kasimpulan fitur | Masalah hulu | Masalah Bootstrap |
|---|---|---|---|
| Ujung | Elemen anu tiasa difokuskeun kedah seuneu acara fokus / nampi: gaya fokus nalika aranjeunna nampi fokus Narator / aksésibilitas | Gagasan Microsoft A11y UserVoice #16717318 | #20732 |
| Ujung | Ngalaksanakeun :dir()pseudo-kelas ti Selectors Level 4 |
Gagasan Edge UserVoice #12299532 | #19984 |
| Ujung | Nerapkeun <dialog>unsur HTML5 |
Gagasan Edge UserVoice #6508895 | #20175 |
| Ujung | Seuneu transitioncancelacara nalika transisi CSS dibolaykeun |
Gagasan Edge UserVoice #15939898 | #20618 |
| Ujung | Ngalaksanakeun of <selector-list>klausa tina :nth-child()pseudo-kelas |
Gagasan Edge UserVoice #15944476 | #20143 |
| Firefox | Ngalaksanakeun of <selector-list>klausa tina :nth-child()pseudo-kelas |
bug Mozilla #854148 | #20143 |
| Firefox | Nerapkeun <dialog>unsur HTML5 |
bug Mozilla #840640 | #20175 |
| Firefox | Nalika fokus virtual aya dina tombol atanapi link, seuneu fokus sabenerna dina unsur, teuing | bug Mozilla #1000082 | #20732 |
| Chrome | Seuneu transitioncancelacara nalika transisi CSS dibolaykeun |
Chromium ngaluarkeun #642487 | Chromium ngaluarkeun #437860 |
| Chrome | Ngalaksanakeun of <selector-list>klausa tina :nth-child()pseudo-kelas |
Chromium ngaluarkeun #304163 | #20143 |
| Chrome | Ngalaksanakeun :dir()pseudo-kelas ti Selectors Level 4 |
Chromium ngaluarkeun #576815 | #19984 |
| Safari | Seuneu transitioncancelacara nalika transisi CSS dibolaykeun |
Bug WebKit #161535 | #20618 |
| Safari | Ngalaksanakeun :dir()pseudo-kelas ti Selectors Level 4 |
Bug WebKit #64861 | #19984 |
| Safari | Nerapkeun <dialog>unsur HTML5 |
WebKit bug #84635 | #20175 |