Բրաուզերի սխալների պատը
Հնացած բովանդակություն
Այս էջը հնացել է և այլևս կիրառելի չէ 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 |