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