Tarayıcı hataları

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ı
Microsoft 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
Microsoft Kenarı

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

Kenar sorunu #5381673 Sayfa #14211
Microsoft Kenarı

Bir <select>menü öğesinin üzerine gelindiğinde, menünün altındaki öğenin imleci görüntülenir.

Kenar sorunu #817822 #14528
Microsoft Kenarı

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

Sınır sorunu #3342037 #16671
Microsoft Kenarı

backgroundof <tr>, satırdaki tüm hücreler yerine yalnızca ilk alt hücreye uygulanır

Sınır sorunu #5865620 #18504
Microsoft Kenarı

@-ms-viewport{width: device-width;}kaydırma çubuklarını otomatik olarak gizlemenin yan etkisi vardır

Sınır sorunu #7165383 #18543
Microsoft Kenarı

Alt katmandan gelen arka plan rengi, bazı durumlarda şeffaf kenarlıktan geçiyor

Sınır sorunu #6274505 Sayfa #18228
Microsoft Kenarı

Alttaki SVG öğesinin üzerine gelindiğinde, atadaki mouseleaveolay tetikleniyor

Sınır sorunu #7787318 #19670
Firefox

.table-borderedboş bir <tbody>kenarlık eksik.

Mozilla hatası #1023761 #13453
Firefox

Bir form denetiminin devre dışı 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

position: absolutesütunundan daha geniş olan öğe, diğer tarayıcılardan farklı şekilde işlenir

Mozilla hatası #1282363 #20161
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 (OS X 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 (Android)

<input>Kaydırılabilir bir bindirmede üzerine dokunmak, <input>görünümün içine kaydırmıyor

Chromium sorunu #595210 #17338
Chrome (OS X)

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

:focus outlinereadonly <input>stil , okuma-yazma arasında geçiş yapılırken imlecin görüntülenmemesine neden olur .

Krom sorunu #465274 #16022
Krom

table-cellrağmen sınırlar örtüşmüyormargin-right: -1px

Chromium sorunu #534750 #17438 , # 14237
Krom

<select multiple>Taşan seçeneklerle kaydırma çubuğuna tıklamak , yakınları seçecektir<option>

Krom sorunu #597642 #19810
Krom

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

Chromium sorunu #370155 #12832
Chrome (Windows ve Linux)

Sekme gizlendiğinde animasyonlar oluştuktan sonra etkin olmayan sekmeye dönerken animasyon hatası.

Chromium sorunu #449180 #15298
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 (OS X)

px, emve remtümü, sayfa yakınlaştırma uygulandığında medya sorgularında aynı şekilde davranmalıdır

WebKit hatası #156687 #17403
Safari (OS X)

<input type="number">Bazı öğelerle garip düğme davranışı .

WebKit hatası #137269 , Apple Safari Radarı #18834768 #8350 , Normalleştirme #283 , Chromium sorunu #337668
Safari (OS X)

Sabit genişlikte web sayfası yazdırırken küçük yazı tipi boyutu .container.

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

<select>iPad'deki menü, isabet testi alanlarının değişmesine neden oluyor

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

Üzerine 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)

Bir bindirmede birinden <input>diğerine dokunmak sallanma/titreme etkisine neden olabilir

WebKit hatası #158276 #19927
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 (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 olarak listeliyoruz.

tarayıcı(lar) Özelliğin özeti Yukarı akış sorunları Önyükleme sorunları
Microsoft Kenarı

Seçici Düzey 4'ten :dir()sözde sınıfı uygulayın

Edge UserVoice fikri #12299532 #19984
Microsoft Kenarı

CSS Konumlandırılmış Düzen Düzey 3'ten yapışkan konumlandırma uygulayın

Edge UserVoice fikri #6263621 #17021
Firefox

Bir CSS geçişi iptal edildiğinde bir transitioncancelolayı tetikleyin

Mozilla hatası #1264125 Mozilla hatası #1182856
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
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
Krom

CSS Konumlandırılmış Düzen Düzey 3'ten yapışkan konumlandırma uygulayın

Krom sorunu #231752 #17021
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