Source

Tarayıcı hataları duvarı

Bootstrap şu anda mümkün olan en iyi tarayıcılar arası deneyimi sunmak için büyük tarayıcılardaki birkaç olağanüstü tarayıcı hatası üzerinde çalışıyor. Aşağıda listelenenler gibi bazı hatalar bizim tarafımızdan çözülemez.

Düzeltme sürecini hızlandırma umuduyla, bizi etkileyen tarayıcı hatalarını burada herkese açık olarak listeliyoruz. Bootstrap'in tarayıcı uyumluluğu hakkında bilgi için tarayıcı uyumluluğu belgelerimize bakın .

Ayrıca bakınız:

tarayıcı(lar)	Hatanın özeti	Yukarı akış hata(lar)ı	Önyükleme sorunları
Kenar	Kaydırılabilir kalıcı iletişim kutularında görsel eserler	Kenar sorunu #9011176	#20755
Kenar	İlk klavye odağındaki gösteriler için yerel tarayıcı ipucu `title`(özel araç ipucu bileşenine ek olarak)	Sınır sorunu #6793560	#18692
Kenar	`:hover`Fareyle üzerine gelinen öğe, kaydırıldıktan sonra hala durumunda kalır .	Kenar sorunu #5381673	Sayfa #14211
Kenar	CSS , bazen üst öğenin `border-radius`satır geçişlerine neden olur .`background-color`	Sınır sorunu #3342037	#16671
Kenar	`background`of `<tr>`, satırdaki tüm hücreler yerine yalnızca ilk alt hücreye uygulanır	Sınır sorunu #5865620	#18504
Kenar	Alt katmandan gelen arka plan rengi, bazı durumlarda şeffaf kenarlıktan geçiyor	Sınır sorunu #6274505	Sayfa #18228
Kenar	Alttaki SVG öğesinin üzerine gelindiğinde, atadaki `mouseleave`olay tetikleniyor	Sınır sorunu #7787318	#19670
Kenar	Kaydırma sırasında aktif `position: fixed;` `<button>`titriyor	Kenar sorunu #8770398	#20507
Firefox	`.table-bordered`boş bir `<tbody>`kenarlık eksik.	Mozilla hatası #1023761	#13453
Firefox	Bir form denetiminin devre dışı bırakılmış durumu JavaScript aracılığıyla değiştirilirse, sayfa yenilendikten sonra normal duruma dönmez.	Mozilla hatası #654072	#793
Firefox	`focusdocument`olaylar nesneye ateşlenmemelidir	Mozilla hatası #1228802	#18365
Firefox	Geniş yüzer tablo yeni satıra sarılmıyor	Mozilla hatası #1277782	#19839
Firefox	Fare bazen SVG öğelerinin içindeyken `mouseenter`/ amaçları için öğenin içinde değil`mouseleave`	Mozilla hatası #577785	#19670
Firefox	Yazdırırken kayan sütunlu düzen bozuluyor	Mozilla hatası #1315994	#21092
Firefox (Windows)	`<select>`Ekran olağandışı çözünürlüğe ayarlandığında bazen menünün sağ kenarlığı kayboluyor	Mozilla hatası #545685	Sayfa #15990
Firefox (macOS ve Linux)	Rozet pencere öğesi, Sekmeler pencere aracının alt kenarlığının beklenmedik şekilde üst üste gelmemesine neden oluyor	Mozilla hatası #1259972	Sayfa #19626
Chrome (macOS)	Yukarı artırma düğmesine tıklandığında `<input type="number">`azaltma düğmesi yanıp söner.	Krom sorunu #419108	# 8350'nin dalı ve Chromium sorunu #337668
Krom	Alfa şeffaflığına sahip CSS sonsuz doğrusal animasyonu bellek sızdırıyor.	Krom sorunu #429375	#14409
Krom	`table-cell`rağmen sınırlar örtüşmüyor`margin-right: -1px`	Krom sorunu #749848	#17438 , # 14237
Krom	`:hover`Dokunma dostu web sayfalarında yapışkan yapmayın	Chromium sorunu #370155	#12832
Krom	`position: absolute`sütunundan daha geniş olan öğe yanlış bir şekilde sütun sınırına kırpılmış	Chromium sorunu #269061	#20161
Krom	içindeki yazı tiplerinin sayısına bağlı olarak metin içeren dinamik SVG'ler için önemli performans artışı `font-family`.	Krom sorunu #781344	#24673
Safari	`rem`medya sorgularındaki birimler `font-size: initial`, kök öğenin değil kullanılarak hesaplanmalıdır.`font-size`	WebKit hatası #156684	#17403
Safari	id ve tabindex içeren kapsayıcıya bağlantı, kapsayıcının VoiceOver tarafından yoksayılmasına neden oluyor (bağlantıları atlamayı etkiler)	WebKit hatası #163658	#20732
Safari	CSS `min-width`ve `max-width`medya özellikleri, kesirli pikseli yuvarlamamalıdır	WebKit hatası #178261	#25166
Safari (macOS)	`px`, `em`ve `rem`tümü, sayfa yakınlaştırma uygulandığında medya sorgularında aynı şekilde davranmalıdır	WebKit hatası #156687	#17403
Safari (macOS)	`<input type="number">`Bazı öğelerle garip düğme davranışı .	WebKit hatası #137269 , Apple Safari Radarı #18834768	#8350 , Normalleştirme #283 , Chromium sorunu #337668
Safari (macOS)	Sabit genişlikte web sayfası yazdırırken küçük yazı tipi boyutu `.container`.	WebKit hatası #138192 , Apple Safari Radarı #19435018	#14868
Safari (iOS)	`transform: translate3d(0,0,0);`oluşturma hatası.	WebKit hatası #138162 , Apple Safari Radarı #18804973	#14603
Safari (iOS)	Sayfa kaydırılırken metin girişinin imleci hareket etmiyor.	WebKit hatası #138201 , Apple Safari Radarı #18819624	#14708
Safari (iOS)	Uzun metin dizesini girdikten sonra imleci metnin başına taşıyamıyor`<input type="text">`	WebKit hatası #148061 , Apple Safari Radarı #22299624	#16988
Safari (iOS)	`display: block`zamansal `<input>`s metninin dikey olarak yanlış hizalanmasına neden olur	WebKit hatası #139848 , Apple Safari Radarı #19434878	#11266 , #13098
Safari (iOS)	Dokunmak olayları `<body>`tetiklemiyor`click`	WebKit hatası #151933	#16028
Safari (iOS)	`position:fixed`iPhone 6S+ Safari'de sekme çubuğu göründüğünde yanlış konumlandırılmış	WebKit hatası #153056	Sayfa #18859
Safari (iOS)	`<input>`Bir öğenin içine dokunmak `position:fixed`sayfanın en üstüne kayar	WebKit hatası #153224 , Apple Safari Radarı #24235301	#17497
Safari (iOS)	`<body>`CSS ile `overflow:hidden`iOS'ta kaydırılabilir	WebKit hatası #153852	#14839
Safari (iOS)	Öğedeki metin alanındaki kaydırma hareketi `position:fixed`bazen `<body>`kaydırılabilir ata yerine kaydırılır	WebKit hatası #153856	#14839
Safari (iOS)	`-webkit-overflow-scrolling: touch`Eklenen metin daha uzun hale getirdikten sonra modal ile kaydırılabilir olmaz	WebKit hatası #158342	#17695
Safari (iOS)	`:hover`Dokunma dostu web sayfalarında yapışkan yapmayın	WebKit hatası #158517	#12832
Safari (iOS)	Menüyü `position:fixed`açtıktan sonra kaybolan eleman`<select>`	WebKit hatası #162362	#20759
Safari (iPad Pro)	Öğenin alt öğelerinin oluşturulması `position: fixed`, iPad Pro'da Yatay yönde kırpılıyor	WebKit hatası #152637 , Apple Safari Radarı #24030853	Sayfa #18738

En çok aranan özellikler

Web standartlarında Bootstrap'i daha sağlam, zarif veya performanslı hale getirmemize izin verecek, ancak henüz belirli tarayıcılarda uygulanmayan ve dolayısıyla bunlardan yararlanmamızı engelleyen birkaç özellik vardır.

Bu "en çok aranan" özellik isteklerini uygulama sürecini hızlandırma umuduyla burada herkese açık bir şekilde listeliyoruz.

tarayıcı(lar)	Özelliğin özeti	Yukarı akış sorunları	Önyükleme sorunları
Kenar	Odaklanabilir öğeler, odak olayını başlatmalı / almalı: Ekran Okuyucusu/erişilebilirlik odağı aldıklarında odak stili	Microsoft A11y UserVoice fikri #16717318	#20732
Kenar	Seçici Düzey 4'ten `:dir()`sözde sınıfı uygulayın	Edge UserVoice fikri #12299532	#19984
Kenar	HTML5 `<dialog>`öğesini uygulayın	Edge UserVoice fikri #6508895	#20175
Kenar	Bir CSS geçişi iptal edildiğinde bir `transitioncancel`olayı tetikleyin	Edge UserVoice fikri #15939898	#20618
Kenar	Sözde sınıfın yan `of <selector-list>`tümcesini uygulayın`:nth-child()`	Edge UserVoice fikri #15944476	#20143
Firefox	Sözde sınıfın yan `of <selector-list>`tümcesini uygulayın`:nth-child()`	Mozilla hatası #854148	#20143
Firefox	HTML5 `<dialog>`öğesini uygulayın	Mozilla hatası #840640	#20175
Firefox	Sanal odak bir düğme veya bağlantı üzerindeyken, gerçek odağı da öğeye yönlendirin	Mozilla hatası #1000082	#20732
Krom	Bir CSS geçişi iptal edildiğinde bir `transitioncancel`olayı tetikleyin	Chromium sorunu #642487	Krom sorunu #437860
Krom	Sözde sınıfın yan `of <selector-list>`tümcesini uygulayın`:nth-child()`	Chromium sorunu #304163	#20143
Krom	Seçici Düzey 4'ten `:dir()`sözde sınıfı uygulayın	Krom sorunu #576815	#19984
Safari	Bir CSS geçişi iptal edildiğinde bir `transitioncancel`olayı tetikleyin	WebKit hatası #161535	#20618
Safari	Seçici Düzey 4'ten `:dir()`sözde sınıfı uygulayın	WebKit hatası #64861	#19984
Safari	HTML5 `<dialog>`öğesini uygulayın	WebKit hatası #84635	#20175