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

:hoverFareyle üzerine gelinen öğe, kaydırıldıktan sonra hala durumunda kalır .

Kenar sorunu #5381673 Sayfa #14211
Kenar

CSS , bazen üst öğenin border-radiussatır geçişlerine neden olur .background-color

Sınır sorunu #3342037 #16671
Kenar

backgroundof <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 mouseleaveolay tetikleniyor

Sınır sorunu #7787318 #19670
Kenar

Kaydırma sırasında aktif position: fixed; <button>titriyor

Kenar sorunu #8770398 #20507
Firefox

.table-borderedboş 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

focusdocumentolaylar 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ğilmouseleave

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-cellrağmen sınırlar örtüşmüyormargin-right: -1px

Krom sorunu #749848 #17438 , # 14237
Krom

:hoverDokunma dostu web sayfalarında yapışkan yapmayın

Chromium sorunu #370155 #12832
Krom

position: absolutesü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

remmedya 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-widthve max-widthmedya özellikleri, kesirli pikseli yuvarlamamalıdır

WebKit hatası #178261 #25166
Safari (macOS)

px, emve remtü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: blockzamansal <input>s metninin dikey olarak yanlış hizalanmasına neden olur

WebKit hatası #139848 , Apple Safari Radarı #19434878 #11266 , #13098
Safari (iOS)

Dokunmak olayları <body>tetiklemiyorclick

WebKit hatası #151933 #16028
Safari (iOS)

position:fixediPhone 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:fixedsayfanın en üstüne kayar

WebKit hatası #153224 , Apple Safari Radarı #24235301 #17497
Safari (iOS)

<body>CSS ile overflow:hiddeniOS'ta kaydırılabilir

WebKit hatası #153852 #14839
Safari (iOS)

Öğedeki metin alanındaki kaydırma hareketi position:fixedbazen <body>kaydırılabilir ata yerine kaydırılır

WebKit hatası #153856 #14839
Safari (iOS)

-webkit-overflow-scrolling: touchEklenen metin daha uzun hale getirdikten sonra modal ile kaydırılabilir olmaz

WebKit hatası #158342 #17695
Safari (iOS)

:hoverDokunma dostu web sayfalarında yapışkan yapmayın

WebKit hatası #158517 #12832
Safari (iOS)

Menüyü position:fixedaç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 transitioncancelolayı 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 transitioncancelolayı 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 transitioncancelolayı 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