Браузер қателері

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

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

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

Браузер(лер) Қате туралы қысқаша мәлімет Жоғарғы қате(лер) Жүктеу мәселесі(дер)і
Microsoft Edge

titleБірінші пернетақта фокусындағы көрсетілімдерге арналған жергілікті шолғыштың кеңесі (арнаулы құралдар кеңесінің құрамдас бөлігінен басқа)

Edge шығарылымы №6793560 №18692
Microsoft Edge

:hoverҚондырылған элемент жылжытқаннан кейін күйінде қалады .

Edge шығарылымы №5381673 №14211
Microsoft Edge

Меңзерді мәзір элементінің үстіне апарған кезде <select>мәзір астындағы элементке арналған курсор көрсетіледі.

Edge шығарылымы №817822 №14528
Microsoft Edge

CSS кейде негізгі элементтің border-radiusөту жолын тудырады .background-color

Edge шығарылым №3342037 №16671
Microsoft Edge

background- <tr>қатардағы барлық ұяшықтардың орнына бірінші еншілес ұяшыққа ғана қолданылады

Шеткі шығарылым №5865620 №18504
Microsoft Edge

@-ms-viewport{width: device-width;}айналдыру жолақтарын автоматты түрде жасырудың жанама әсері бар

Edge шығарылымы №7165383 №18543
Microsoft Edge

Төменгі қабаттағы фон түсі кейбір жағдайларда мөлдір жиектен өтеді

Edge шығарылымы №6274505 №18228
Microsoft Edge

Меңзерді ұрпақ SVG элементінің үстіне апару mouseleaveоқиғаны ата-бабаға қосады

Edge шығарылымы №7787318 #19670
Firefox

.table-borderedбос <tbody>шекаралары жоқ.

Mozilla қатесі №1023761 №13453
Firefox

Пішін басқару элементінің өшірілген күйі JavaScript арқылы өзгертілсе, бетті жаңартқаннан кейін қалыпты күй қайтарылмайды.

Mozilla қатесі №654072 №793
Firefox

focusdocumentоқиғаларды объектіге атуға болмайды

Mozilla қатесі №1228802 №18365
Firefox

Кең қалқымалы кесте жаңа жолға оралмайды

Mozilla қатесі №1277782 #19839
Firefox

Тінтуір кейде SVG элементтерінің ішінде болғанда mouseenter/ мақсаттары үшін элемент ішінде болмайдыmouseleave

Mozilla қатесі №577785 #19670
Firefox

position: absoluteбағанынан кеңірек элемент басқа браузерлерге қарағанда басқаша көрсетеді

Mozilla қатесі №1282363 #20161
Firefox (Windows)

<select>Экран әдеттен тыс ажыратымдылыққа орнатылған кезде мәзірдің оң жақ шекарасы кейде жоқ

Mozilla қатесі №545685 №15990
Firefox (OS X және Linux)

Танымбелгі виджеті қойындылар виджетінің төменгі шекарасының күтпеген жерден қабаттаспауына әкеледі

Mozilla қатесі №1259972 №19626
Chrome (Android)

Жылжытылатын <input>қабаттасудағы белгішені түрту <input>көрініске айналдырмайды

Chromium шығарылымы №595210 №17338
Chrome (OS X)

Жоғарыдағы <input type="number">ұлғайту түймесін басқанда азайту түймесі жыпылықтайды.

Chromium шығарылымы №419108 №8350 және Chromium №337668 шығарылымының үзіндісі
Chrome

Альфа мөлдірлігі бар CSS шексіз сызықтық анимация жадты ағызады.

Chromium шығарылымы №429375 №14409
Chrome

:focus outlinereadonly <input>мәнер a оқу-жазу режиміне ауысқанда курсордың көрсетілмеуін тудырады .

Chromium шығарылымы №465274 №16022
Chrome

table-cellдегенмен шекаралар бір-біріне сәйкес келмейдіmargin-right: -1px

Chromium шығарылымы №534750 #17438 , #14237
Chrome

Толып кеткен опциялары бар айналдыру жолағын басу <select multiple>жақын жерді таңдайды<option>

Chromium шығарылымы №597642 #19810
Chrome

Сенсорлы :hoverвеб-беттерді жабыстырмаңыз

Chromium шығарылымы №370155 №12832
Chrome (Windows және Linux)

Қойынды жасырылған кезде анимациялар пайда болғаннан кейін белсенді емес қойындыға оралу кезінде анимация ақауы.

Chromium шығарылымы №449180 №15298
Сафари

remfont-size: initialмедиа сұрауларындағы бірліктерді түбір элементінің емес, көмегімен есептеу керекfont-size

WebKit қатесі №156684 №17403
Safari (OS X)

px, em, және remбетті масштабтау қолданылғанда, медиа сұрауларында барлығы бірдей әрекет етуі керек

WebKit қатесі №156687 №17403
Safari (OS X)

<input type="number">Кейбір элементтермен оғаш түйме әрекеті .

WebKit қатесі # 137269 , Apple Safari Radar #18834768 #8350 , Нормализация #283 , Chromium шығарылымы #337668
Safari (OS X)

Бекітілген ені бар веб-бетті басып шығару кезінде шағын қаріп өлшемі .container.

WebKit қатесі #138192 , Apple Safari Radar #19435018 №14868
Safari (iPad)

<select>iPad-тағы мәзір тестілеу аймақтарының ауысуын тудырады

WebKit қатесі # 150079 , Apple Safari Radar #23082521 #14975
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)

Қабаттасудағы бірінен <input>екіншісіне түрту шайқау/дірілдеу әсерін тудыруы мүмкін

WebKit қатесі №158276 #19927
Safari (iOS)

Модаль -webkit-overflow-scrolling: touchқосылған мәтін оны биіктеткеннен кейін жылжымайтын болады

WebKit қатесі №158342 №17695
Safari (iOS)

Сенсорлы :hoverвеб-беттерді жабыстырмаңыз

WebKit қатесі №158517 №12832
Safari (iPad Pro)

Элементтің ұрпақтарын position: fixedкөрсету iPad Pro-да ландшафттық бағдарда кесіледі

WebKit қатесі #152637 , Apple Safari Radar #24030853 №18738

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

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

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

Браузер(лер) Ерекшелік туралы қысқаша мәлімет Жоғары ағынды мәселе(лер) Жүктеу мәселесі(дер)і
Microsoft Edge

Селекторлардың 4 :dir()-деңгейінен жалған классты іске қосыңыз

Edge UserVoice идеясы #12299532 #19984
Microsoft Edge

CSS Positioned Layout 3-деңгейінен жабысқақ позициялауды енгізіңіз

Edge UserVoice идеясы №6263621 №17021
Firefox

CSS ауысуы тоқтатылған кезде transitioncancelоқиғаны іске қосыңыз

Mozilla қатесі №1264125 Mozilla қатесі №1182856
Firefox

Псевдосыныптың of <selector-list>сөйлемін:nth-child() орындаңыз _

Mozilla қатесі №854148 #20143
Firefox

HTML5 <dialog>элементін енгізіңіз

Mozilla қатесі №840640 #20175
Chrome

Псевдосыныптың of <selector-list>сөйлемін:nth-child() орындаңыз _

Chromium шығарылымы №304163 #20143
Chrome

Селекторлардың 4 :dir()-деңгейінен жалған классты іске қосыңыз

Chromium шығарылымы №576815 #19984
Chrome

CSS Positioned Layout 3-деңгейінен жабысқақ позициялауды енгізіңіз

Chromium шығарылымы №231752 №17021
Сафари

Селекторлардың 4 :dir()-деңгейінен жалған классты іске қосыңыз

WebKit қатесі №64861 #19984
Сафари

HTML5 <dialog>элементін енгізіңіз

WebKit қатесі №84635 #20175