Source

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

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