Source

Brauzer ýalňyşlyklarynyň diwary

“Bootstrap” häzirki wagtda iň oňat kross-brauzer tejribesini bermek üçin esasy brauzerlerde birnäçe ajaýyp brauzer ýalňyşlyklarynyň üstünde işleýär. Käbir kemçilikler, aşakda görkezilenler ýaly, biz çözüp bilmeris.

Olary düzetmek işini çaltlaşdyrmak umydy bilen bu ýerde bize täsir edýän brauzer näsazlyklaryny köpçülige görkezýäris. “Bootstrap” -yň brauzeriniň sazlaşyklylygy barada maglumat üçin brauzerimiziň laýyklyk resminamalaryna serediň .

Şeýle-de seret:

Brauzer (ler) Bugyň gysgaça mazmuny Stokarky näsazlyklar Bootstrap meselesi
Gyrasy

Aýlanyp bolýan modal gepleşiklerde wizual artefaktlar

Gyrasy # 9011176 # 20755
Gyrasy

titleIlkinji klawiatura fokusynda görkezmek üçin ýerli brauzer gurallary (ýörite gurallar komponentine goşmaça)

Gyrasy # 6793560 # 18692
Gyrasy

Gaplanan element, aýlanandan soňam ýagdaýynda galýar :hover.

Gyrasy # 5381673 # 14211
Gyrasy

CSS käwagt esasy elementiň border-radiusgan akmagyna sebäp bolýar .background-color

Gyrasy # 3342037 # 16671
Gyrasy

backgrounddiňe <tr>hatardaky ähli öýjükleriň ýerine ilkinji çaga öýjügine ulanylýar

Gyrasy # 5865620 # 18504
Gyrasy

Aşaky gatlakdan fon reňki, käbir ýagdaýlarda aç-açan araçäkden gan akýar

Gyrasy # 6274505 # 18228
Gyrasy

Nesil SVG elementiniň üstünde gezmek mouseleaveata-babada hadysany ýakýar

Gyrasy # 7787318 # 19670
Gyrasy

position: fixed; <button>Aýlanylanda işjeň çişirilýär

Gyrasy # 8770398 # 20507
Firefox

.table-borderedboş bilen <tbody>serhetler ýok.

Mozilla bug # 1023761 # 13453
Firefox

Forma gözegçiliginiň ýapyk ýagdaýy JavaScript arkaly üýtgedilen bolsa, sahypany täzeläninden soň adaty ýagdaý gaýdyp gelmeýär.

Mozilla bug # 654072 # 793
Firefox

focushadysalar documentobýektde atylmaly däldir

Mozilla bug # 1228802 # 18365
Firefox

Giň ýüzýän stol täze setir bilen örtülenok

Mozilla bug # 1277782 # 19839
Firefox

Syçan käwagt SVG elementleriniň içinde bolanda mouseenter/ element üçin dälmouseleave

Mozilla bug # 577785 # 19670
Firefox

Floüzýän sütünler bilen düzüliş çap edilende bozulýar

Mozilla bug # 1315994 # 21092
Firefox (Windows)

<select>Ekranyň adaty çözgüdi düzülende menýunyň sag araçägi käwagt ýitýär

Mozilla bug # 545685 # 15990
Firefox (macOS & Linux)

Nyşan widjeti, Tablar widjetiniň aşaky serhediniň garaşylmadyk ýagdaýda gabat gelmezligine sebäp bolýar

Mozilla bug # 1259972 # 19626
Chrome (macOS)

Aboveokardaky <input type="number">artdyrmak düwmesine basmak peselme düwmesini ýakýar.

Hrom # 419108 # 8350 ofshoot & Hrom # 337668
Chrome

Alfa aç-açanlygy bilen CSS çäksiz çyzykly animasiýa ýady syzýar.

Hrom meselesi # 429375 # 14409
Chrome

table-cellserhetleri biri-birine gabat gelmeýärmargin-right: -1px

Hrom meselesi # 749848 # 17438 , # 14237
Chrome

:hoverDuýgur dostlukly web sahypalarynda ýelmeşmäň

Hrom meselesi # 370155 # 12832
Chrome

position: absolutesütüninden has giň element sütüniň araçägine nädogry kesildi

Hrom meselesi # 269061 # 20161
Chrome

Şriftleriň sanyna baglylykda tekstli dinamiki SVG-ler üçin ep-esli öndürijilik font-family.

Hrom meselesi # 781344 # 24673
Safari

remfont-size: initialmedia soraglaryndaky bölümler kök elementini däl-de, ulanyp hasaplamalyfont-size

WebKit bug # 156684 # 17403
Safari

Konteýneriň id we tabindex bilen baglanyşygy, konteýneriň VoiceOver tarapyndan hasaba alynmazlygyna sebäp bolýar (baglanyşyklara geçmäge täsir edýär)

WebKit bug # 163658 # 20732
Safari

CSS min-widthwe max-widthmedia aýratynlyklary fraksiýa piksel tegelek bolmaly däldir

WebKit bug # 178261 # 25166
Safari (macOS)

px, emwe remsahypany ulaltmak ulanylanda media soraglarynda hemmesi birmeňzeş bolmaly

WebKit bug # 156687 # 17403
Safari (macOS)

<input type="number">Käbir elementler bilen geň düwme hereketi .

WebKit bug # 137269 , Apple Safari Radar # 18834768 # 8350 , # 283-i kadalaşdyryň , Hrom # 337668
Safari (macOS)

Kesgitli ini bilen web sahypasy çap edilende kiçi şrift ölçegi .container.

WebKit bug # 138192 , Apple Safari Radar # 19435018 # 14868
Safari (iOS)

transform: translate3d(0,0,0);näsazlyk

WebKit bug # 138162 , Apple Safari Radar # 18804973 # 14603
Safari (iOS)

Sahypa aýlanylanda tekst giriş kursory hereket etmeýär.

WebKit bug # 138201 , Apple Safari Radar # 18819624 # 14708
Safari (iOS)

Uzyn tekstli tekst girizilenden soň kursory tekstiň başyna geçirip bolmaýar<input type="text">

WebKit bug # 148061 , Apple Safari Radar # 22299624 # 16988
Safari (iOS)

display: blockwagtlaýyn <input>s tekstiniň dikligine ýalňyşmagyna sebäp bolýar

WebKit bug # 139848 , Apple Safari Radar # 19434878 # 11266 , # 13098
Safari (iOS)

Çekmek hadysalary <body>ýakmaýarclick

WebKit bug # 151933 # 16028
Safari (iOS)

position:fixed“iPhone 6S + Safari” -de goýma paneli görünse nädogry ýerleşýär

WebKit bug # 153056 # 18859
Safari (iOS)

<input>Bir elementiň içine basmak position:fixedsahypanyň ýokarsyna aýlanýar

WebKit bug # 153224 , Apple Safari Radar # 24235301 # 17497
Safari (iOS)

<body>overflow:hiddenCSS bilen iOS-da aýlap bolýar

WebKit bug # 153852 # 14839
Safari (iOS)

Elementdäki tekst meýdanynda el aýlamak position:fixedkäwagt <body>aýlanyp bolýan ata-babalaryň ýerine aýlanýar

WebKit bug # 153856 # 14839
Safari (iOS)

-webkit-overflow-scrolling: touchGoşulan tekst ony has beýik edensoň, modal bilen aýlanyp bolmaýar

WebKit bug # 158342 # 17695
Safari (iOS)

:hoverDuýgur dostlukly web sahypalarynda ýelmeşmäň

WebKit bug # 158517 # 12832
Safari (iOS)

Menýu position:fixedaçandan soň ýitip barýan element<select>

WebKit bug # 162362 # 20759
Safari (iPad Pro)

Elementiň nesilleriniň position: fixedkeşbi “Land Pro” -da “iPad Pro” -da gysylýar

WebKit bug # 152637 , Apple Safari Radar # 24030853 # 18738

Iň köp islenýän aýratynlyklar

Web ülňülerinde görkezilen birnäçe aýratynlyk bar, bu bize “Bootstrap” -y has ygtybarly, owadan ýa-da ýerine ýetiriji etmäge mümkinçilik berer, ýöne entek käbir brauzerlerde durmuşa geçirilmez, şeýlelik bilen olardan peýdalanmagymyzyň öňüni alar.

Bu “iň islenýän” aýratynlyk haýyşlaryny ýerine ýetirmek prosesini çaltlaşdyrmak umydy bilen bu ýerde köpçülige görkezýäris.

Brauzer (ler) Aýratynlyklaryň gysgaça mazmuny Stokarky mesele Bootstrap meselesi
Gyrasy

Fokusirlenen elementler fokus hadysasyny / kabul etmeli: Hekaýatçy / elýeterlilik fokusyny alanda fokus görnüşi

Microsoft A11y UserVoice pikiri # 16717318 # 20732
Gyrasy

Saýlawçylaryň 4 :dir()-nji derejesinden ýasama synpy durmuşa geçiriň

“Edge UserVoice” pikiri # 12299532 # 19984
Gyrasy

HTML5 <dialog>elementini durmuşa geçiriň

“Edge UserVoice” pikiri # 6508895 # 20175
Gyrasy

CSS geçişi ýatyrylanda transitioncancelhadysany otlaň

“Edge UserVoice” pikiri # 15939898 # 20618
Gyrasy

of <selector-list>Pseudo - :nth-child()klasyň sözlerini ýerine ýetiriň

“Edge UserVoice” pikiri # 15944476 # 20143
Firefox

of <selector-list>Pseudo - :nth-child()klasyň sözlerini ýerine ýetiriň

Mozilla bug # 854148 # 20143
Firefox

HTML5 <dialog>elementini durmuşa geçiriň

Mozilla bug # 840640 # 20175
Firefox

Wirtual fokus düwmä ýa-da baglanyşyga gönükdirilende, elemente ünsi jemläň

Mozilla bug # 1000082 # 20732
Chrome

CSS geçişi ýatyrylanda transitioncancelhadysany otlaň

Hrom # 642487 Hrom meselesi # 437860
Chrome

Erine ýetiriňof <selector-list>Pseudo - :nth-child()klasyň sözlerini

Hrom meselesi # 304163 # 20143
Chrome

Pseudo-synpy durmuşa geçiriň:dir()Saýlawçylaryň 4

Hrom meselesi # 576815 # 19984
Safari

CSS geçişi ýatyrylanda transitioncancelhadysany otlaň

WebKit bug # 161535 # 20618
Safari

Saýlawçylaryň 4 :dir()-nji derejesinden ýasama synpy durmuşa geçiriň

WebKit bug # 64861 # 19984
Safari

HTML5 <dialog>elementini durmuşa geçiriň

WebKit bug # 84635 # 20175