Բրաուզերի սխալների պատը
Հնացած բովանդակություն
Այս էջը հնացել է և այլևս կիրառելի չէ Bootstrap-ի վերջին տարբերակների համար: Այն այժմ այստեղ է զուտ պատմական նպատակներով և կհեռացվի մեր հաջորդ հիմնական թողարկումում:
Bootstrap-ը ներկայումս աշխատում է հիմնական բրաուզերներում զննարկիչի մի քանի ակնառու սխալների շուրջ, որպեսզի ապահովի միջզննարկիչների հնարավոր լավագույն փորձը: Որոշ սխալներ, ինչպիսիք են ստորև թվարկվածները, չեն կարող լուծվել մեր կողմից:
Մենք հրապարակայնորեն թվարկում ենք զննարկիչի սխալները, որոնք ազդում են մեզ վրա՝ դրանք շտկելու գործընթացն արագացնելու ակնկալիքով: Bootstrap-ի բրաուզերի համատեղելիության մասին տեղեկությունների համար տես մեր բրաուզերի համատեղելիության փաստաթղթերը :
Տես նաեւ:
- Chromium-ի թողարկում 536263. [meta] Bootstrap-ի վրա ազդող խնդիրներ
- Mozilla-ի սխալ 1230801. Ուղղեք այն խնդիրները, որոնք ազդում են Bootstrap-ի վրա
- WebKit սխալ 159753. [meta] Խնդիրներ, որոնք ազդում են Bootstrap-ի վրա
- jQuery-ի բրաուզերի վրիպակի լուծումներ
Զննարկիչ(ներ) | Վրիպակի ամփոփում | Վերին հոսքի խնդիր(ներ) | 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() կեղծ դասը 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 |