Source

Բրաուզերի սխալների պատը

Bootstrap-ը ներկայումս աշխատում է հիմնական բրաուզերներում զննարկիչի մի քանի ակնառու սխալների շուրջ, որպեսզի ապահովի միջզննարկիչների հնարավոր լավագույն փորձը: Որոշ սխալներ, ինչպիսիք են ստորև թվարկվածները, չեն կարող լուծվել մեր կողմից:

Մենք հրապարակայնորեն թվարկում ենք զննարկիչի սխալները, որոնք ազդում են մեզ վրա՝ դրանք շտկելու գործընթացն արագացնելու ակնկալիքով: Bootstrap-ի բրաուզերի համատեղելիության մասին տեղեկությունների համար տես մեր բրաուզերի համատեղելիության փաստաթղթերը :

Տես նաեւ:

Զննարկիչ(ներ) Վրիպակի ամփոփում Վերին հոսքի վրիպակ(ներ) Bootstrap-ի խնդիր(ներ)
Եզր

Տեսողական արտեֆակտներ պտտվող մոդալ երկխոսություններում

Եզրային թողարկում #9011176 #20755
Եզր

Բնավոր զննարկչի գործիքի հուշում titleառաջին ստեղնաշարի վրա դրված ցուցադրությունների համար (ի լրումն հատուկ գործիքի հուշման բաղադրիչի)

Եզրային թողարկում #6793560 #18692
Եզր

Սավառված տարրը ոլորելուց հետո դեռ մնում է :hoverվիճակում:

Եզրային թողարկում #5381673 #14211
Եզր

CSS- border-radiusը երբեմն առաջացնում background-colorէ մայր տարրի արյունահոսության գծեր:

Եզրային թողարկում #3342037 #16671
Եզր

background<tr>կիրառվում է միայն առաջին երեխայի բջիջի վրա՝ տողի բոլոր բջիջների փոխարեն

Եզրային թողարկում #5865620 #18504
Եզր

Ստորին շերտի ֆոնի գույնը որոշ դեպքերում արյունահոսում է թափանցիկ եզրագծի միջով

Եզրային թողարկում #6274505 #18228
Եզր

Սավառնելով հետնորդ SVG տարրի mouseleaveվրա, տեղի է ունենում նախահայրի իրադարձություն

Եզրային թողարկում #7787318 #19670
Եզր

Ակտիվ position: fixed; <button>թարթում է ոլորելիս

Եզրային թողարկում #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

Մկնիկը երբեմն տարրի մեջ չէ, mouseenterերբ mouseleaveայն գտնվում է SVG տարրերի մեջ

Mozilla-ի սխալ #577785 #19670
Firefox

Լողացող սյունակներով դասավորությունը խախտում է տպագրության ժամանակ

Mozilla-ի սխալ #1315994 #21092
Firefox (Windows)

Մենյուի աջ եզրագիծը <select>երբեմն բացակայում է, երբ էկրանը դրված է ոչ սովորական լուծաչափով

Mozilla-ի սխալ #545685 #15990
Firefox (macOS և Linux)

Նշանակի վիջեթը հանգեցնում է նրան, որ Tabs վիջեթի ստորին եզրագիծը անսպասելիորեն չի համընկնում

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
Սաֆարի

remՄեդիա հարցումների միավորները պետք է հաշվարկվեն font-size: initial՝ օգտագործելով ոչ թե արմատային տարրըfont-size

WebKit սխալ #156684 #17403
Սաֆարի

ID-ով և ներդիրի ինդեքսով կոնտեյների հղումը հանգեցնում է նրան, որ կոնտեյները անտեսվում է 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առաջացնում է ժամանակավոր <input>s-ի տեքստի ուղղահայաց սխալ դասավորությունը

WebKit սխալ #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS)

Հպումը <body>չի հրահրում clickիրադարձությունները

WebKit սխալ #151933 #16028
Safari (iOS)

position:fixedսխալ է տեղադրված, երբ ներդիրների բարը տեսանելի է iPhone 6S+ Safari-ում

WebKit սխալ #153056 #18859
Safari (iOS)

Տարրի <input>ներսում position:fixedկտտացնելը պտտվում է էջի վերևում

WebKit սխալ #153224 , Apple Safari Radar #24235301 #17497
Safari (iOS)

<body>CSS- ով overflow:hiddenոլորելի է iOS-ում

WebKit սխալ #153852 #14839
Safari (iOS)

Տարրի տեքստային դաշտում ոլորման ժեստը position:fixedերբեմն պտտվում <body>է պտտվող նախնիի փոխարեն

WebKit սխալ #153856 #14839
Safari (iOS)

Modal with- -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-ը դարձնել ավելի ամուր, էլեգանտ կամ կատարողական, բայց դեռևս չեն ներդրվել որոշ բրաուզերներում՝ այդպիսով մեզ թույլ չտալով օգտվել դրանցից:

Մենք հրապարակայնորեն թվարկում ենք այս «ամենապահանջված» գործառույթների հարցումներն այստեղ՝ դրանց իրագործման գործընթացը արագացնելու ակնկալիքով:

Զննարկիչ(ներ) Հատկանիշի ամփոփում Վերին հոսքի խնդիր(ներ) Bootstrap-ի խնդիր(ներ)
Եզր

Ֆոկուսավորելի տարրերը պետք է ակտիվացնեն ֆոկուսային իրադարձությունը / ստանան :կենտրոնացման ոճավորումը, երբ նրանք ստանում են Պատմող/մատչելիության ֆոկուս

Microsoft A11y UserVoice գաղափար #16717318 #20732
Եզր

Իրականացրեք :dir()կեղծ դասը Ընտրողների մակարդակ 4-ից

Edge UserVoice գաղափար #12299532 #19984
Եզր

Իրականացնել HTML5 <dialog>տարրը

Edge UserVoice գաղափար #6508895 #20175
Եզր

Գործարկել transitioncancelիրադարձությունը , երբ CSS անցումը չեղարկվում է

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

Գործարկել transitioncancelիրադարձությունը , երբ CSS անցումը չեղարկվում է

Chromium-ի թողարկում #642487 Chromium-ի թողարկում #437860
Chrome

Իրականացնել կեղծ դասի of <selector-list>կետը:nth-child()

Chromium-ի թողարկում #304163 #20143
Chrome

Իրականացրեք :dir()կեղծ դասը Ընտրողների մակարդակ 4-ից

Chromium-ի թողարկում #576815 #19984
Սաֆարի

Գործարկել transitioncancelիրադարձությունը , երբ CSS անցումը չեղարկվում է

WebKit սխալ #161535 #20618
Սաֆարի

Իրականացրեք :dir()կեղծ դասը Ընտրողների մակարդակ 4-ից

WebKit սխալ #64861 #19984
Սաֆարի

Իրականացնել HTML5 <dialog>տարրը

WebKit սխալ #84635 #20175