Brauzer näsazlyklary

“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 Upokarky näsazlyklar Bootstrap meselesi
Microsoft Edge

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

 Gyrasy # 6793560 # 18692
Microsoft Edge

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

 Gyrasy # 5381673 # 14211
Microsoft Edge

Menýu elementiniň üstünden baranyňyzda, <select>menýu aşagyndaky element üçin kursor görkezilýär.

 Gyrasy # 817822 # 14528
Microsoft Edge

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

 Gyrasy # 3342037 # 16671
Microsoft Edge

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

 Gyrasy # 5865620 # 18504
Microsoft Edge

@-ms-viewport{width: device-width;}aýlaw panellerini awtomatiki gizlemegiň ters täsiri bar

 Gyrasy # 7165383 # 18543
Microsoft Edge

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

 Gyrasy # 6274505 # 18228
Microsoft Edge

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

 Gyrasy # 7787318 # 19670
Firefox

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

 Mozilla bug # 1023761 # 13453
Firefox

Forma gözegçiliginiň ýapyk ýagdaýy JavaScript arkaly üýtgedilse, sahypany täzelänsoň adaty ýagdaý gaýdyp gelmez.

 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

position: absolutesütüninden has giň element, beýleki brauzerlerden tapawutlydyr

 Mozilla bug # 1282363 # 20161
Firefox (Windows)

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

 Mozilla bug # 545685 # 15990
Firefox (OS X & Linux)

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

 Mozilla bug # 1259972 # 19626
Chrome (Android)

Aýlanyp bolýan <input>örtügiň üstüne degmek <input>, görnüşi aýlamaz

 Hrom meselesi # 595210 # 17338
Chrome (OS X)

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

:focus outlinereadonly <input>stil , okamak üçin ýazylanda kursoryň görkezilmezligine sebäp bolýar .

 Hrom meselesi # 465274 # 16022
Chrome

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

 Hrom meselesi # 534750 # 17438 , # 14237
Chrome

<select multiple>Artykmaç opsiýalar bilen aýlaw paneline basylsa, ýakyn ýerde saýlanar<option>

 Hrom meselesi # 597642 # 19810
Chrome

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

 Hrom meselesi # 370155 # 12832
Chrome (Windows we Linux)

Salgy gizlenende animasiýa ýüze çykandan soň hereketsiz goýma gaýdyp gelende animasiýa ýalňyşlygy.

 Hrom meselesi # 449180 # 15298
Safari

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

 WebKit bug # 156684 # 17403
Safari (OS X)

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

 WebKit bug # 156687 # 17403
Safari (OS X)

<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 (OS X)

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

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

<select>“iPad” -daky menýu hit synag meýdançalarynyň üýtgemegine sebäp bolýar

 WebKit bug # 150079 , Apple Safari Radar # 23082521 # 14975
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)

Örtügiň üstünde biri <input>-birine degmek titremäniň / sarsmagyň täsirine sebäp bolup biler

 WebKit bug # 158276 # 19927
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 (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ň gözlenýä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
Microsoft Edge

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

 “Edge UserVoice” pikiri # 12299532 # 19984
Microsoft Edge

“CSS Positioned Layout 3” derejesinden ýelmeşýän pozisiýany ýerine ýetiriň

 “Edge UserVoice” pikiri # 6263621 # 17021
Firefox

CSS geçişi ýatyrylanda transitioncancelhadysany otlaň

 Mozilla bug # 1264125 Mozilla bug # 1182856
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
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
Chrome

“CSS Positioned Layout 3” derejesinden ýelmeşýän pozisiýany ýerine ýetiriň

 Hrom meselesi # 231752 # 17021
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