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	Upokarky näsazlyklar	Bootstrap meselesi
Gyrasy	Aýlanyp bolýan modal gepleşiklerde wizual artefaktlar	Gyrasy # 9011176	# 20755
Gyrasy	`title`Ilkinji 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-radius`gan akmagyna sebäp bolýar .`background-color`	Gyrasy # 3342037	# 16671
Gyrasy	`background`diňe `<tr>`hatardaky ähli öýjükleriň ýerine ilkinji çaga öýjügine ulanylýar	Gyrasy # 5865620	# 18504
Gyrasy	`@-ms-viewport{width: device-width;}`aýlaw panellerini awtomatiki gizlemegiň ters täsiri bar	Gyrasy # 7165383	# 18543
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 `mouseleave`ata-babada hadysany ýakýar	Gyrasy # 7787318	# 19670
Gyrasy	`position: fixed;` `<button>`Aýlanylanda işjeň çişirilýär	Gyrasy # 8770398	# 20507
Firefox	`.table-bordered`boş 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	`focus`hadysalar `document`obý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äl`mouseleave`	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 (Android)	Aýlanyp bolýan `<input>`örtügiň üstüne degmek `<input>`, görnüşi aýlamaz	Hrom meselesi # 595210	# 17338
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-cell`serhetleri biri-birine gabat gelmeýär`margin-right: -1px`	Hrom meselesi # 749848	# 17438 , # 14237
Chrome	`<select multiple>`Artykmaç opsiýalar bilen aýlaw paneline basylsa, ýakyn ýerde saýlanar`<option>`	Hrom meselesi # 597642	# 19810
Chrome	`:hover`Duýgur dostlukly web sahypalarynda ýelmeşmäň	Hrom meselesi # 370155	# 12832
Chrome	`position: absolute`sütüninden has giň element sütüniň araçägine nädogry kesildi	Hrom meselesi # 269061	# 20161
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
Chrome	Şriftleriň sanyna baglylykda tekstli dinamiki SVG-ler üçin ep-esli öndürijilik `font-family`.	Hrom meselesi # 781344	# 24673
Safari	`remfont-size: initial`media soraglaryndaky bölümler kök elementini däl-de, ulanyp hasaplamaly`font-size`	WebKit bug # 156684	# 17403
Safari	Konteýneriň id we tabindex bilen baglanyşygy, konteýneriň VoiceOver tarapyndan äsgerilmezligine sebäp bolýar (baglanyşyklara geçmäge täsir edýär)	WebKit bug # 163658	# 20732
Safari	CSS `min-width`we `max-width`media aýratynlyklary fraksiýa piksel tegelek bolmaly däldir	WebKit bug # 178261	# 25166
Safari (macOS)	`px`, `em`we `rem`sahypany 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: block`wagtlaý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ýar`click`	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:fixed`sahypanyň ýokarsyna aýlanýar	WebKit bug # 153224 , Apple Safari Radar # 24235301	# 17497
Safari (iOS)	`<body>overflow:hidden`CSS bilen iOS-da aýlap bolýar	WebKit bug # 153852	# 14839
Safari (iOS)	Elementdäki tekst meýdanynda el aýlamak `position:fixed`käwagt `<body>`aýlanyp bolýan ata-babalaryň ýerine aýlanýar	WebKit bug # 153856	# 14839
Safari (iOS)	`-webkit-overflow-scrolling: touch`Goşulan tekst ony has beýik edensoň, modal bilen aýlanyp bolmaýar	WebKit bug # 158342	# 17695
Safari (iOS)	`:hover`Duýgur dostlukly web sahypalarynda ýelmeşmäň	WebKit bug # 158517	# 12832
Safari (iOS)	Menýu `position:fixed`açandan soň ýitip barýan element`<select>`	WebKit bug # 162362	# 20759
Safari (iPad Pro)	Elementiň nesilleriniň `position: fixed`keş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 `transitioncancel`hadysany 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 `transitioncancel`hadysany 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 `transitioncancel`hadysany 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