in English

Браузер қателерінің қабырғасы

Ескірген мазмұн

Бұл бет ескірген және Bootstrap бағдарламасының соңғы нұсқаларына енді қолданылмайды. Ол қазір тек тарихи мақсаттар үшін осында және келесі негізгі шығарылымымызда жойылады.

Bootstrap қазіргі уақытта мүмкін болатын ең жақсы кросс-шолғыш тәжірибесін беру үшін негізгі браузерлердегі бірнеше көрнекті браузер қателерімен жұмыс істейді. Төменде келтірілгендер сияқты кейбір қателерді біз шеше алмаймыз.

Біз оларды түзету процесін жылдамдату үмітімен бізге әсер ететін браузер қателерінің тізімін жариялаймыз. Bootstrap шолғышының үйлесімділігі туралы ақпарат алу үшін біздің шолғыш үйлесімділік құжаттарын қараңыз .

Сондай-ақ қараңыз:

Браузер(лер) Қате туралы қысқаша мәлімет Жоғары ағынды мәселе(лер) Жүктеу мәселесі(дер)і
Жиек Жылжытылатын модальды диалогтардағы көрнекі артефактілер Edge шығарылымы №9011176 #20755
Жиек titleБірінші пернетақта фокусындағы көрсетілімдерге арналған жергілікті шолғыштың кеңесі (арнаулы құралдар кеңесінің құрамдас бөлігінен басқа) Edge шығарылымы №6793560 №18692
Жиек :hoverҚондырылған элемент жылжытқаннан кейін күйінде қалады . Edge шығарылымы №5381673 №14211
Жиек CSS кейде негізгі элементтің border-radiusқан кету жолын тудырады .background-color Edge шығарылым №3342037 №16671
Жиек background- <tr>қатардағы барлық ұяшықтардың орнына бірінші еншілес ұяшыққа ғана қолданылады Шеткі шығарылым №5865620 №18504
Жиек Төменгі қабаттағы фон түсі кейбір жағдайларда мөлдір жиектен өтеді Edge шығарылымы №6274505 №18228
Жиек Меңзерді ұрпақ SVG элементінің үстіне апару mouseleaveоқиғаны ата-бабаға қосады Edge шығарылымы №7787318 #19670
Жиек Айналдыру кезінде белсенді position: fixed; <button>жыпылықтайды Edge шығарылымы №8770398 #20507
Firefox .table-borderedбос <tbody>шекаралары жоқ. Mozilla қатесі №1023761 №13453
Firefox Пішін басқару элементінің өшірілген күйі JavaScript арқылы өзгертілсе, бетті жаңартқаннан кейін қалыпты күй қайтарылмайды. Mozilla қатесі №654072 №793
Firefox focusоқиғаларды documentнысанға атпау керек Mozilla қатесі №1228802 №18365
Firefox Кең қалқымалы кесте жаңа жолға оралмайды Mozilla қатесі №1277782 #19839
Firefox Тінтуір кейде SVG элементтерінің ішінде болғанда mouseenter/ мақсаттары үшін элемент ішінде болмайдыmouseleave Mozilla қатесі №577785 #19670
Firefox Қалқымалы бағандары бар орналасу басып шығару кезінде үзіледі Mozilla қатесі №1315994 #21092
Firefox (Windows) <select>Экран әдеттен тыс ажыратымдылыққа орнатылған кезде мәзірдің оң жақ шекарасы кейде жоқ Mozilla қатесі №545685 №15990
Firefox (macOS және Linux) Танымбелгі виджеті қойындылар виджетінің төменгі шекарасының күтпеген жерден қабаттаспауына әкеледі Mozilla қатесі №1259972 №19626
Chrome (macOS) Жоғарыдағы <input type="number">ұлғайту түймесін басқанда азайту түймесі жыпылықтайды. Chromium шығарылымы №419108 #8350 , Chromium шығарылымы #337668
Chrome Альфа мөлдірлігі бар CSS шексіз сызықтық анимация жадты ағызады. Chromium шығарылымы №429375 №14409
Chrome table-cellқарамастан шекаралар бір-бірінен қайшы келмейдіmargin-right: -1px Chromium шығарылымы №749848 #17438 , #14237
Chrome Сенсорлы :hoverвеб-беттерді жабыстырмаңыз Chromium шығарылымы №370155 №12832
Chrome position: absoluteбағанынан кеңірек элемент баған шекарасына қате қиылған Chromium шығарылымы №269061 #20161
Chrome ішінде қаріптер санына байланысты мәтіні бар динамикалық SVG үшін айтарлықтай өнімділік font-family. Chromium шығарылымы №781344 №24673
Сафари remfont-size: initialмедиа сұрауларындағы бірліктерді түбір элементінің емес, көмегімен есептеу керекfont-size WebKit қатесі №156684 №17403
Сафари Идентификаторы және tabindex бар контейнерге сілтеме VoiceOver арқылы контейнерді елемеді (өткізіп жіберу сілтемелеріне әсер етеді) WebKit қатесі №163658 #20732
Сафари CSS min-widthжәне max-widthмультимедиа мүмкіндіктері бөлшек пикселді дөңгелектемеуі керек WebKit қатесі №178261 №25166
Safari (macOS) px, em, және remбетті масштабтау қолданылғанда, медиа сұрауларында барлығы бірдей әрекет етуі керек WebKit қатесі №156687 №17403
Safari (macOS) <input type="number">Кейбір элементтермен оғаш түйме әрекеті . WebKit қатесі # 137269 , Apple Safari Radar #18834768 #8350 , Нормализация #283 , Chromium шығарылымы #337668
Safari (macOS) Бекітілген ені бар веб-бетті басып шығару кезінде шағын қаріп өлшемі .container. WebKit қатесі #138192 , Apple Safari Radar #19435018 №14868
Safari (iOS) transform: translate3d(0,0,0);көрсету қатесі. WebKit қатесі #138162 , Apple Safari Radar #18804973 №14603
Safari (iOS) Бетті айналдыру кезінде мәтін енгізу курсоры қозғалмайды. WebKit қатесі #138201 , Apple Safari Radar #18819624 №14708
Safari (iOS) Ұзын мәтін жолын енгізгеннен кейін курсорды мәтіннің басына жылжыту мүмкін емес<input type="text"> WebKit қатесі #148061 , Apple Safari Radar #22299624 #16988
Safari (iOS) display: blockуақытша s мәтінінің <input>тігінен тураланбауына әкеледі WebKit қатесі #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS) Түрту оқиғаларды <body>тудырмайдыclick WebKit қатесі №151933 №16028
Safari (iOS) position:fixediPhone 6S+ Safari жүйесінде қойындылар жолағы көрініп тұрғанда дұрыс орналаспаған WebKit қатесі №153056 №18859
Safari (iOS) <input>Элемент ішіндегі элементті түрту position:fixedбеттің жоғарғы жағына жылжиды WebKit қатесі #153224 , Apple Safari Radar #24235301 №17497
Safari (iOS) <body>CSS көмегімен overflow:hiddeniOS жүйесінде айналдыруға болады WebKit қатесі №153852 №14839
Safari (iOS) Элементтегі мәтін өрісіндегі айналдыру қимылы position:fixedкейде айналдырылатын атаның <body>орнына айналдырады WebKit қатесі №153856 №14839
Safari (iOS) Модаль -webkit-overflow-scrolling: touchқосылған мәтін оны биіктеткеннен кейін жылжымайтын болады WebKit қатесі №158342 №17695
Safari (iOS) Сенсорлы :hoverвеб-беттерді жабыстырмаңыз WebKit қатесі №158517 №12832
Safari (iOS) Мәзірді position:fixedашқаннан кейін жоғалатын элемент<select> WebKit қатесі №162362 #20759
Safari (iPad Pro) Элементтің ұрпақтарын position: fixedкөрсету iPad Pro-да ландшафттық бағдарда кесіледі WebKit қатесі #152637 , Apple Safari Radar #24030853 №18738

Ең қажет мүмкіндіктер

Веб-стандарттарда көрсетілген бірнеше мүмкіндіктер бар, олар бізге Bootstrap-ті сенімдірек, талғампаз немесе өнімдірек етуге мүмкіндік береді, бірақ кейбір браузерлерде әлі енгізілмеген, осылайша олардың артықшылықтарын пайдалануымызға кедергі келтіреді.

Біз осы «ең сұранысқа ие» мүмкіндік сұрауларын оларды іске асыру үдерісін жылдамдату үмітімен осы жерде жария түрде тізімдейміз.

Браузер(лер) Ерекшелік туралы қысқаша мәлімет Жоғары ағынды мәселе(лер) Жүктеу мәселесі(дер)і
Жиек Фокусталатын элементтер диктор/арнайы мүмкіндіктер фокусын алған кезде фокус оқиғасын іске қосуы/қабылдауы керек: фокус стилін алу Microsoft A11y UserVoice идеясы №16717318 #20732
Жиек Селекторлардың 4 :dir()-деңгейінен жалған классты іске қосыңыз Edge UserVoice идеясы #12299532 #19984
Жиек HTML5 <dialog>элементін енгізіңіз Edge UserVoice идеясы #6508895 #20175
Жиек CSS ауысуы тоқтатылған кезде transitioncancelоқиғаны іске қосыңыз Edge UserVoice идеясы #15939898 #20618
Жиек Псевдокластың of <selector-list>сөйлемін:nth-child() орындаңыз _ Edge UserVoice идеясы #15944476 #20143
Firefox Псевдокластың of <selector-list>сөйлемін:nth-child() орындаңыз _ Mozilla қатесі №854148 #20143
Firefox HTML5 <dialog>элементін енгізіңіз Mozilla қатесі №840640 #20175
Firefox Виртуалды фокус түймеде немесе сілтемеде болғанда, нақты фокусты элементке де қосыңыз Mozilla қатесі №1000082 #20732
Chrome CSS ауысуы тоқтатылған кезде transitioncancelоқиғаны іске қосыңыз Chromium шығарылымы №642487 Chromium шығарылымы №437860
Chrome Псевдокластың of <selector-list>сөйлемін:nth-child() орындаңыз _ Chromium шығарылымы №304163 #20143
Chrome Селекторлардың 4 :dir()-деңгейінен жалған классты іске қосыңыз Chromium шығарылымы №576815 #19984
Сафари CSS ауысуы тоқтатылған кезде transitioncancelоқиғаны іске қосыңыз WebKit қатесі №161535 #20618
Сафари Селекторлардың 4 :dir()-деңгейінен жалған классты іске қосыңыз WebKit қатесі №64861 #19984
Сафари HTML5 <dialog>элементін енгізіңіз WebKit қатесі №84635 #20175