Source

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

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

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

Տես նաեւ:

Զննարկիչ(ներ)	Վրիպակի ամփոփում	Վերին հոսքի վրիպակ(ներ)	Bootstrap-ի խնդիր(ներ)
Եզր	Տեսողական արտեֆակտներ պտտվող մոդալ երկխոսություններում	Եզրային թողարկում #9011176	#20755
Եզր	Բնավոր զննարկչի գործիքի հուշում `title`առաջին ստեղնաշարի վրա դրված ցուցադրությունների համար (ի լրումն հատուկ գործիքի հուշման բաղադրիչի)	Եզրային թողարկում #6793560	#18692
Եզր	Սավառված տարրը ոլորելուց հետո դեռ մնում է `:hover`վիճակում:	Եզրային թողարկում #5381673	#14211
Եզր	CSS- `border-radius`ը երբեմն առաջացնում `background-color`է մայր տարրի արյունահոսության գծեր:	Եզրային թողարկում #3342037	#16671
Եզր	`background`-ը `<tr>`կիրառվում է միայն առաջին երեխայի բջիջի վրա՝ տողի բոլոր բջիջների փոխարեն	Եզրային թողարկում #5865620	#18504
Եզր	`@-ms-viewport{width: device-width;}`ունի ոլորման տողերի ինքնաթաքնվելու կողմնակի ազդեցություն	Եզրային թողարկում #7165383	#18543
Եզր	Ստորին շերտի ֆոնի գույնը որոշ դեպքերում արյունահոսում է թափանցիկ եզրագծի միջով	Եզրային թողարկում #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 (Android)	Ոլորվող ծածկույթի վրա `<input>`հպելը չի ոլորում `<input>`դեպի տեսադաշտ	Chromium-ի թողարկում #595210	#17338
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	Սեղմելով ոլորման սանդղակը `<select multiple>`լցված տարբերակներով, կընտրվի մոտակայքում`<option>`	Chromium-ի թողարկում #597642	#19810
Chrome	Կպչուն մի դարձրեք `:hover`հպման համար հարմար վեբ էջերը	Chromium-ի թողարկում #370155	#12832
Chrome	`position: absolute`տարրը, որն ավելի լայն է, քան իր սյունակը, սխալ կերպով կտրված է սյունակի սահմանին	Chromium-ի թողարկում #269061	#20161
Chrome (Windows և Linux)	Շարժապատկերի անսարքություն անգործուն ներդիր վերադառնալիս այն բանից հետո, երբ անիմացիաները հայտնվեցին, երբ ներդիրը թաքցված էր:	Chromium-ի թողարկում #449180	#15298
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()`կեղծ դասը Selectors Level 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()`կեղծ դասը Selectors Level 4-ից	Chromium-ի թողարկում #576815	#19984
Սաֆարի	Գործարկել `transitioncancel`իրադարձություն , երբ CSS անցումը չեղարկվում է	WebKit սխալ #161535	#20618
Սաֆարի	Իրականացրեք `:dir()`կեղծ դասը Selectors Level 4-ից	WebKit սխալ #64861	#19984
Սաֆարի	Իրականացնել HTML5 `<dialog>`տարրը	WebKit սխալ #84635	#20175