බ්රව්සර් දෝෂ වල බිත්තිය
යල් පැන ගිය අන්තර්ගතය
මෙම පිටුව යල් පැන ගොස් ඇති අතර Bootstrap හි නවතම අනුවාද සඳහා තවදුරටත් අදාළ නොවේ. එය දැන් මෙහි තනිකරම ඓතිහාසික අරමුණු සඳහා වන අතර අපගේ මීළඟ ප්රධාන නිකුතුවේදී ඉවත් කරනු ලැබේ.
බූට්ස්ට්රැප් දැනට ප්රධාන බ්රව්සර්වල ඇති කැපී පෙනෙන බ්රවුසර් දෝෂ කිහිපයක් වටා ක්රියා කරන අතර හැකි හොඳම හරස් බ්රවුසර් අත්දැකීම ලබා දෙයි. පහත ලැයිස්තුගත කර ඇති සමහර දෝෂ, අපට විසඳිය නොහැක.
ඒවා නිවැරදි කිරීමේ ක්රියාවලිය කඩිනම් කිරීමේ බලාපොරොත්තුවෙන් අපි මෙහි අපට බලපාන බ්රවුසර දෝෂ ප්රසිද්ධියේ ලැයිස්තුගත කරමු. Bootstrap හි බ්රවුසර ගැළපුම පිළිබඳ තොරතුරු සඳහා, අපගේ බ්රවුසර අනුකූලතා ලේඛන බලන්න .
මෙයද බලන්න:
- Chromium නිකුතුව 536263: [meta] Bootstrap වලට බලපාන ගැටළු
- Mozilla bug 1230801: Bootstrap වලට බලපාන ගැටළු නිරාකරණය කරන්න
- WebKit දෝෂය 159753: [meta] Bootstrap වලට බලපාන ගැටළු
- jQuery හි බ්රව්සර් දෝෂ විසඳුම්
බ්රවුසර(ය) | දෝෂයේ සාරාංශය | Upstream ගැටළු(ය) | බූට්ස්ට්රැප් ගැටළු(ය) |
---|---|---|---|
දාරය | අනුචලනය කළ හැකි මාදිලියේ සංවාදවල දෘශ්ය කෞතුක වස්තු | එජ් නිකුතුව #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> ෆ්ලිකර්ස් |
Edge නිකුතුව #8770398 | #20507 |
ෆයර්ෆොක්ස් | .table-bordered හිස් <tbody> එකක් සමඟ මායිම් අතුරුදහන් වේ. |
Mozilla දෝෂය #1023761 | #13453 |
ෆයර්ෆොක්ස් | ජාවාස්ක්රිප්ට් හරහා පෝරම පාලනයක අක්රිය තත්ත්වය වෙනස් කළහොත්, පිටුව නැවුම් කිරීමෙන් පසු සාමාන්ය තත්ත්වය ආපසු නොපැමිණේ. | Mozilla දෝෂය #654072 | #793 |
ෆයර්ෆොක්ස් | focus document සිදුවීම් වස්තුවට වෙඩි නොතැබිය යුතුය |
Mozilla දෝෂය #1228802 | #18365 |
ෆයර්ෆොක්ස් | පුළුල් පාවෙන මේසය නව රේඛාවක් මත ඔතා නැත | Mozilla දෝෂය #1277782 | #19839 |
ෆයර්ෆොක්ස් | මූසිකය සමහර විට SVG මූලද්රව්ය තුළ ඇති විට mouseenter / අරමුණු සඳහා මූලද්රව්ය තුළ නොවේmouseleave |
Mozilla දෝෂය #577785 | #19670 |
ෆයර්ෆොක්ස් | මුද්රණය කිරීමේදී පාවෙන තීරු සහිත පිරිසැලසුම කැඩී යයි | Mozilla දෝෂය #1315994 | #21092 |
ෆයර්ෆොක්ස් (වින්ඩෝස්) | <select> තිරය අසාමාන්ය විභේදනයට සකසා ඇති විට මෙනුවේ දකුණු මායිම සමහර විට අතුරුදහන් වේ |
Mozilla දෝෂය #545685 | #15990 |
Firefox (macOS සහ Linux) | ලාංඡන විජට් එක Tabs widget හි පහළ මායිම අනපේක්ෂිත ලෙස අතිච්ඡාදනය නොවීමට හේතු වේ | Mozilla දෝෂය #1259972 | #19626 |
Chrome (macOS) | ඉහත <input type="number"> වර්ධක බොත්තම ක්ලික් කිරීමෙන් decrement බොත්තම දැල්වෙයි. |
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 |
සෆාරි | හැඳුනුම්පත සහ ටැබින්ඩෙක්ස් සහිත බහාලුම් වෙත සබැඳිය 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 |
සෆාරි (iOS) | transform: translate3d(0,0,0); විදැහුම් දෝෂය. |
WebKit දෝෂය #138162 , Apple Safari Radar #18804973 | #14603 |
සෆාරි (iOS) | පිටුව අනුචලනය කිරීමේදී පෙළ ආදානයේ කර්සරය චලනය නොවේ. | WebKit දෝෂය #138201 , Apple Safari Radar #18819624 | #14708 |
සෆාරි (iOS) | දිගු පෙළ පෙළක් ඇතුළු කිරීමෙන් පසු පෙළ ආරම්භයට කර්සරය ගෙන යා නොහැක<input type="text"> |
WebKit දෝෂය #148061 , Apple Safari Radar #22299624 | #16988 |
සෆාරි (iOS) | display: block තාවකාලික <input> s හි පෙළ සිරස් අතට නොගැලපීම සඳහා හේතු වේ |
WebKit දෝෂය #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
සෆාරි (iOS) | තට්ටු කිරීමෙන් සිදුවීම් <body> ගිනි නොගනීclick |
WebKit දෝෂය #151933 | #16028 |
සෆාරි (iOS) | position:fixed iPhone 6S+ Safari හි ටැබ් තීරුව පෙනෙන විට වැරදි ලෙස ස්ථානගත කර ඇත |
WebKit දෝෂය #153056 | #18859 |
සෆාරි (iOS) | මූලද්රව්යයක් තුළට තට්ටු කිරීමෙන් <input> පිටුවේ position:fixed ඉහළට අනුචලනය වේ |
WebKit දෝෂය #153224 , Apple Safari Radar #24235301 | #17497 |
සෆාරි (iOS) | <body> CSS සමඟ overflow:hidden iOS මත අනුචලනය කළ හැකිය |
WebKit දෝෂය #153852 | #14839 |
සෆාරි (iOS) | position:fixed මූලද්රව්යයේ පෙළ ක්ෂේත්රයේ <body> අනුචලන අභිනය සමහර විට අනුචලනය කළ හැකි මුතුන්මිත්තන් වෙනුවට අනුචලනය වේ |
WebKit දෝෂය #153856 | #14839 |
සෆාරි (iOS) | -webkit-overflow-scrolling: touch එකතු කළ පෙළ එය උස කළ පසු Modal with අනුචලනය කළ නොහැක |
WebKit දෝෂය #158342 | #17695 |
සෆාරි (iOS) | :hover ස්පර්ශ-හිතකාමී වෙබ් පිටු මත ඇලෙන සුළු කරන්න එපා |
WebKit දෝෂය #158517 | #12832 |
සෆාරි (iOS) | මෙනුවක් position:fixed විවෘත කිරීමෙන් පසු අතුරුදහන් වන මූලද්රව්යය<select> |
WebKit දෝෂය #162362 | #20759 |
සෆාරි (iPad Pro) | මූලද්රව්ය වලින් පැවත එන්නන් විදැහුම්කරණය position: fixed භූ දර්ශන දිශානතිය තුළ iPad Pro මත කපා ඇත |
WebKit දෝෂය #152637 , Apple Safari Radar #24030853 | #18738 |
වඩාත්ම අවශ්ය විශේෂාංග
Web Standards හි නිශ්චිතව දක්වා ඇති විශේෂාංග කිහිපයක් ඇත, එමඟින් Bootstrap වඩාත් ශක්තිමත්, අලංකාර හෝ කාර්ය සාධනයක් කිරීමට අපට ඉඩ සලසයි, නමුත් සමහර බ්රවුසරවල තවමත් ක්රියාත්මක කර නොමැති නිසා ඒවායින් ප්රයෝජන ගැනීමෙන් අප වළක්වයි.
අපි මෙම “වඩාත්ම අවශ්ය” විශේෂාංග ඉල්ලීම් මෙහි ප්රසිද්ධියේ ලැයිස්තුගත කරන්නේ, ඒවා ක්රියාවට නැංවීමේ ක්රියාවලිය කඩිනම් කිරීමේ අපේක්ෂාවෙනි.
බ්රවුසර(ය) | විශේෂාංගයේ සාරාංශය | Upstream ගැටළු(ය) | බූට්ස්ට්රැප් ගැටළු(ය) |
---|---|---|---|
දාරය | නාභිගත කළ හැකි මූලද්රව්ය ආඛ්යානකයා/ප්රවේශ්යතා නාභිගත කළ විට අවධානය යොමු කිරීමේ සිදුවීම / ලැබිය යුතුය: නාභිගත හැඩගැන්වීම | 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 |
ෆයර්ෆොක්ස් | ව්යාජ පන්තියේ වගන්තිය of <selector-list> ක්රියාත්මක කරන්න:nth-child() |
Mozilla දෝෂය #854148 | #20143 |
ෆයර්ෆොක්ස් | HTML5 <dialog> මූලද්රව්යය ක්රියාත්මක කරන්න |
Mozilla දෝෂය #840640 | #20175 |
ෆයර්ෆොක්ස් | අතථ්ය අවධානය බොත්තමක් හෝ සබැඳියක් මත ඇති විට, මූලද්රව්යය කෙරෙහි ද සැබෑ අවධානය යොමු කරන්න | 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 |