in English

Brauzer ýalňyşlyklarynyň diwary

Könelen mazmun

Bu sahypa köne we Bootstrap-yň soňky wersiýalarynda ulanylmaýar. Bu ýerde diňe taryhy maksatlar üçin bar we indiki esasy neşirimizde aýrylar.

“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 mesele 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 , 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 of <selector-list>Pseudo - :nth-child()klasyň sözlerini ýerine ýetiriň Hrom meselesi # 304163 # 20143
Chrome Saýlawçylaryň 4 :dir()-nji derejesinden ýasama synpy durmuşa geçiriň 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