બ્રાઉઝર બગ્સની દિવાલ
જૂની સામગ્રી
આ પૃષ્ઠ જૂનું છે અને હવે બુટસ્ટ્રેપના નવીનતમ સંસ્કરણોને લાગુ પડતું નથી. તે હવે ફક્ત ઐતિહાસિક હેતુઓ માટે અહીં છે અને અમારા આગામી મુખ્ય પ્રકાશનમાં દૂર કરવામાં આવશે.
બુટસ્ટ્રેપ હાલમાં શક્ય શ્રેષ્ઠ ક્રોસ-બ્રાઉઝર અનુભવ પ્રદાન કરવા માટે મુખ્ય બ્રાઉઝર્સમાં કેટલાક ઉત્કૃષ્ટ બ્રાઉઝર બગ્સની આસપાસ કામ કરે છે. કેટલીક ભૂલો, જેમ કે નીચે સૂચિબદ્ધ છે, અમારા દ્વારા ઉકેલી શકાતી નથી.
અમે બ્રાઉઝર બગ્સને સાર્વજનિક રીતે સૂચિબદ્ધ કરીએ છીએ જે અહીં અમને અસર કરી રહ્યાં છે, તેમને સુધારવાની પ્રક્રિયાને ઝડપી બનાવવાની આશામાં. બુટસ્ટ્રેપની બ્રાઉઝર સુસંગતતા વિશેની માહિતી માટે, અમારા બ્રાઉઝર સુસંગતતા દસ્તાવેજો જુઓ .
આ પણ જુઓ:
- ક્રોમિયમ મુદ્દો 536263: [મેટા] બુટસ્ટ્રેપને અસર કરતી સમસ્યાઓ
- મોઝિલા બગ 1230801: બુટસ્ટ્રેપને અસર કરતી સમસ્યાઓને ઠીક કરો
- વેબકિટ બગ 159753: [મેટા] બુટસ્ટ્રેપને અસર કરતી સમસ્યાઓ
- jQuery ના બ્રાઉઝર બગ વર્કઅરાઉન્ડ્સ
બ્રાઉઝર | બગનો સારાંશ | અપસ્ટ્રીમ મુદ્દા(ઓ) | બુટસ્ટ્રેપ સમસ્યા(ઓ) |
---|---|---|---|
એજ | સ્ક્રોલ કરી શકાય તેવા મોડલ સંવાદોમાં વિઝ્યુઅલ આર્ટિફેક્ટ | એજ અંક #9011176 | #20755 |
એજ | title પ્રથમ કીબોર્ડ ફોકસ પર શો માટે મૂળ બ્રાઉઝર ટૂલટિપ (કસ્ટમ ટૂલટિપ ઘટક ઉપરાંત) |
એજ અંક #6793560 | #18692 |
એજ | હૉવર્ડ એલિમેન્ટ :hover દૂર સ્ક્રોલ કર્યા પછી પણ સ્થિતિમાં રહે છે. |
એજ અંક #5381673 | #14211 |
એજ | CSS border-radius ક્યારેક background-color પિતૃ તત્વના બ્લીડ-થ્રુની રેખાઓનું કારણ બને છે. |
એજ અંક #3342037 | #16671 |
એજ | background of <tr> પંક્તિના તમામ કોષોને બદલે માત્ર પ્રથમ ચાઇલ્ડ સેલ પર લાગુ થાય છે |
એજ અંક #5865620 | #18504 |
એજ | નીચેના સ્તરમાંથી પૃષ્ઠભૂમિનો રંગ કેટલાક કિસ્સાઓમાં પારદર્શક કિનારી દ્વારા રક્તસ્ત્રાવ થાય છે | એજ અંક #6274505 | #18228 |
એજ | વંશજ SVG તત્વ પર હૉવર કરવાથી mouseleave પૂર્વજ પર ઇવેન્ટ ફાયર થાય છે |
એજ અંક #7787318 | #19670 |
એજ | સ્ક્રોલ કરતી વખતે સક્રિય position: fixed; <button> ફ્લિકર્સ |
એજ અંક #8770398 | #20507 |
ફાયરફોક્સ | .table-bordered ખાલી સાથે <tbody> સરહદો ખૂટે છે. |
મોઝિલા બગ #1023761 | #13453 |
ફાયરફોક્સ | જો JavaScript દ્વારા ફોર્મ કંટ્રોલની અક્ષમ સ્થિતિ બદલવામાં આવે છે, તો પૃષ્ઠને તાજું કર્યા પછી સામાન્ય સ્થિતિ પાછી આવતી નથી. | મોઝિલા બગ #654072 | #793 |
ફાયરફોક્સ | focus document ઘટનાઓ પદાર્થ પર ગોળીબાર ન કરવો જોઇએ |
મોઝિલા બગ #1228802 | #18365 |
ફાયરફોક્સ | વાઈડ ફ્લોટેડ ટેબલ નવી લાઇન પર લપેટતું નથી | મોઝિલા બગ #1277782 | #19839 |
ફાયરફોક્સ | માઉસ કેટલીકવાર એલિમેન્ટની અંદર હોતું નથી mouseenter / mouseleave જ્યારે તે SVG તત્વોની અંદર હોય છે |
મોઝિલા બગ #577785 | #19670 |
ફાયરફોક્સ | છાપતી વખતે ફ્લોટેડ કૉલમ્સ સાથેનું લેઆઉટ તૂટી જાય છે | મોઝિલા બગ #1315994 | #21092 |
ફાયરફોક્સ (વિન્ડોઝ) | <select> જ્યારે સ્ક્રીન અસામાન્ય રીઝોલ્યુશન પર સેટ હોય ત્યારે મેનુની જમણી કિનારી ક્યારેક ખૂટે છે |
મોઝિલા બગ #545685 | #15990 |
Firefox (macOS અને Linux) | બેજ વિજેટને કારણે ટૅબ્સ વિજેટની નીચેની સરહદ અણધારી રીતે ઓવરલેપ થતી નથી | મોઝિલા બગ #1259972 | #19626 |
Chrome (macOS) | ઉપરના <input type="number"> ઇન્ક્રીમેન્ટ બટન પર ક્લિક કરવાથી ડીક્રીમેન્ટ બટન ફ્લેશ થાય છે. |
ક્રોમિયમ મુદ્દો #419108 | #8350 , ક્રોમિયમ મુદ્દો #337668 |
ક્રોમ | CSS અનંત રેખીય એનિમેશન આલ્ફા ટ્રાન્સપરન્સી લીક મેમરી સાથે. | ક્રોમિયમ મુદ્દો #429375 | #14409 |
ક્રોમ | table-cell સરહદો હોવા છતાં ઓવરલેપ થતી નથીmargin-right: -1px |
ક્રોમિયમ મુદ્દો #749848 | # 17438 , #14237 |
ક્રોમ | :hover સ્પર્શ-મૈત્રીપૂર્ણ વેબપૃષ્ઠો પર સ્ટીકી બનાવશો નહીં |
ક્રોમિયમ મુદ્દો #370155 | #12832 |
ક્રોમ | position: absolute એલિમેન્ટ જે તેના કૉલમ કરતાં પહોળું છે તે કૉલમની સીમા પર ખોટી રીતે ક્લિપ કરવામાં આવ્યું છે |
ક્રોમિયમ મુદ્દો #269061 | #20161 |
ક્રોમ | માં ફોન્ટ્સની સંખ્યાના આધારે ટેક્સ્ટ સાથે ડાયનેમિક SVG માટે નોંધપાત્ર પ્રદર્શન હિટ font-family . |
ક્રોમિયમ મુદ્દો #781344 | #24673 |
સફારી | rem મીડિયા ક્વેરીઝમાં એકમોની ગણતરી font-size: initial રુટ એલિમેન્ટનો ઉપયોગ કરીને થવી જોઈએfont-size |
વેબકિટ બગ #156684 | #17403 |
સફારી | ID અને tabindex સાથેના કન્ટેનરને લિંક કરવાથી કન્ટેનરને વૉઇસઓવર દ્વારા અવગણવામાં આવે છે (લિંક છોડવાની અસર કરે છે) | વેબકિટ બગ #163658 | #20732 |
સફારી | CSS min-width અને max-width મીડિયા સુવિધાઓ અપૂર્ણાંક પિક્સેલને ગોળાકાર ન હોવી જોઈએ |
વેબકિટ બગ #178261 | #25166 |
સફારી (macOS) | px , em , અને rem જ્યારે પૃષ્ઠ ઝૂમ લાગુ કરવામાં આવે ત્યારે મીડિયા ક્વેરીઝમાં બધાએ સમાન વર્તન કરવું જોઈએ |
વેબકિટ બગ #156687 | #17403 |
સફારી (macOS) | <input type="number"> કેટલાક ઘટકો સાથે વિચિત્ર બટન વર્તન . |
વેબકિટ બગ #137269 , એપલ સફારી રડાર #18834768 | #8350 , સામાન્ય કરો #283 , ક્રોમિયમ મુદ્દો #337668 |
સફારી (macOS) | નિશ્ચિત-પહોળાઈ સાથે વેબપેજ છાપતી વખતે ફોન્ટનું નાનું કદ .container . |
વેબકિટ બગ #138192 , એપલ સફારી રડાર #19435018 | #14868 |
સફારી (iOS) | transform: translate3d(0,0,0); રેન્ડરીંગ બગ. |
વેબકિટ બગ #138162 , એપલ સફારી રડાર #18804973 | #14603 |
સફારી (iOS) | પૃષ્ઠને સ્ક્રોલ કરતી વખતે ટેક્સ્ટ ઇનપુટનું કર્સર ખસેડતું નથી. | વેબકિટ બગ #138201 , એપલ સફારી રડાર #18819624 | #14708 |
સફારી (iOS) | ટેક્સ્ટની લાંબી સ્ટ્રિંગ દાખલ કર્યા પછી કર્સરને ટેક્સ્ટની શરૂઆતમાં ખસેડી શકાતી નથી<input type="text"> |
વેબકિટ બગ #148061 , એપલ સફારી રડાર #22299624 | #16988 |
સફારી (iOS) | display: block ટેમ્પોરલ <input> s ના ટેક્સ્ટને વર્ટિકલી મિસલાઈન થવાનું કારણ બને છે |
વેબકિટ બગ #139848 , એપલ સફારી રડાર #19434878 | #11266 , #13098 |
સફારી (iOS) | પર ટેપ કરવાથી ઇવેન્ટ <body> ફાયર થતી નથીclick |
વેબકિટ બગ #151933 | #16028 |
સફારી (iOS) | position:fixed જ્યારે iPhone 6S+ Safari પર ટેબ બાર દેખાય છે ત્યારે તે ખોટી રીતે સ્થિત છે |
વેબકિટ બગ #153056 | #18859 |
સફારી (iOS) | <input> એક તત્વની અંદર ટેપ position:fixed કરવાથી પૃષ્ઠની ટોચ પર સ્ક્રોલ થાય છે |
વેબકિટ બગ #153224 , એપલ સફારી રડાર #24235301 | #17497 |
સફારી (iOS) | <body> overflow:hidden CSS સાથે iOS પર સ્ક્રોલ કરી શકાય છે |
વેબકિટ બગ #153852 | #14839 |
સફારી (iOS) | ઘટકમાં ટેક્સ્ટ ફીલ્ડમાં સ્ક્રોલ હાવભાવ position:fixed ક્યારેક સ્ક્રોલ <body> કરી શકાય તેવા પૂર્વજને બદલે સ્ક્રોલ કરે છે |
વેબકિટ બગ #153856 | #14839 |
સફારી (iOS) | સાથેનું મોડલ -webkit-overflow-scrolling: touch ઉમેરાયેલ ટેક્સ્ટ તેને ઉંચુ બનાવે પછી સ્ક્રોલ કરી શકાતું નથી |
વેબકિટ બગ #158342 | #17695 |
સફારી (iOS) | :hover સ્પર્શ-મૈત્રીપૂર્ણ વેબપૃષ્ઠો પર સ્ટીકી બનાવશો નહીં |
વેબકિટ બગ #158517 | #12832 |
સફારી (iOS) | એલિમેન્ટ જે મેનુ position:fixed ખોલ્યા પછી અદૃશ્ય થઈ જાય છે<select> |
વેબકિટ બગ #162362 | #20759 |
સફારી (iPad Pro) | position: fixed લેન્ડસ્કેપ ઓરિએન્ટેશનમાં આઈપેડ પ્રો પર તત્વના વંશજોનું રેન્ડરિંગ ક્લિપ થાય છે |
વેબકિટ બગ #152637 , એપલ સફારી રડાર #24030853 | #18738 |
મોસ્ટ વોન્ટેડ સુવિધાઓ
વેબ સ્ટાન્ડર્ડ્સમાં ઉલ્લેખિત ઘણી વિશેષતાઓ છે જે અમને બુટસ્ટ્રેપને વધુ મજબૂત, ભવ્ય અથવા પ્રભાવશાળી બનાવવા માટે પરવાનગી આપે છે, પરંતુ હજુ સુધી અમુક બ્રાઉઝર્સમાં લાગુ કરવામાં આવી નથી, આમ અમને તેનો લાભ લેતા અટકાવે છે.
અમે સાર્વજનિક રૂપે આ "મોસ્ટ વોન્ટેડ" સુવિધા વિનંતીઓની સૂચિબદ્ધ કરીએ છીએ, તેમને અમલમાં મૂકવાની પ્રક્રિયાને ઝડપી બનાવવાની આશામાં.
બ્રાઉઝર | લક્ષણનો સારાંશ | અપસ્ટ્રીમ મુદ્દા(ઓ) | બુટસ્ટ્રેપ સમસ્યા(ઓ) |
---|---|---|---|
એજ | ફોકસેબલ એલિમેન્ટ્સે ફોકસ ઇવેન્ટ / રીસીવ :ફોકસ સ્ટાઇલીંગને ફાયર કરવું જોઈએ જ્યારે તેઓ નેરેટર/સુલભતા ફોકસ મેળવે છે | માઈક્રોસોફ્ટ A11y યુઝરવોઈસ આઈડિયા #16717318 | #20732 |
એજ | સિલેક્ટર લેવલ 4માંથી :dir() સ્યુડો-ક્લાસનો અમલ કરો |
એજ યુઝરવોઇસ આઈડિયા #12299532 | #19984 |
એજ | HTML5 તત્વ અમલમાં મૂકો<dialog> |
એજ યુઝરવોઇસ આઈડિયા #6508895 | #20175 |
એજ | જ્યારે CSS સંક્રમણ રદ કરવામાં આવે ત્યારે transitioncancel ઇવેન્ટને ફાયર કરો |
એજ યુઝરવોઇસ આઈડિયા #15939898 | #20618 |
એજ | સ્યુડો-ક્લાસની of <selector-list> કલમનો અમલ કરો:nth-child() |
એજ યુઝરવોઈસ આઈડિયા #15944476 | #20143 |
ફાયરફોક્સ | સ્યુડો-ક્લાસની of <selector-list> કલમનો અમલ કરો:nth-child() |
મોઝિલા બગ #854148 | #20143 |
ફાયરફોક્સ | HTML5 તત્વ અમલમાં મૂકો<dialog> |
મોઝિલા બગ #840640 | #20175 |
ફાયરફોક્સ | જ્યારે વર્ચ્યુઅલ ફોકસ બટન અથવા લિંક પર હોય છે, ત્યારે તત્વ પર પણ વાસ્તવિક ફોકસ કરો | મોઝિલા બગ #1000082 | #20732 |
ક્રોમ | જ્યારે CSS સંક્રમણ રદ કરવામાં આવે ત્યારે transitioncancel ઇવેન્ટને ફાયર કરો |
ક્રોમિયમ મુદ્દો #642487 | ક્રોમિયમ મુદ્દો #437860 |
ક્રોમ | સ્યુડો-ક્લાસની of <selector-list> કલમનો અમલ કરો:nth-child() |
ક્રોમિયમ મુદ્દો #304163 | #20143 |
ક્રોમ | સિલેક્ટર લેવલ 4માંથી :dir() સ્યુડો-ક્લાસનો અમલ કરો |
ક્રોમિયમ મુદ્દો #576815 | #19984 |
સફારી | જ્યારે CSS સંક્રમણ રદ કરવામાં આવે ત્યારે transitioncancel ઇવેન્ટને ફાયર કરો |
વેબકિટ બગ #161535 | #20618 |
સફારી | સિલેક્ટર લેવલ 4માંથી :dir() સ્યુડો-ક્લાસનો અમલ કરો |
વેબકિટ બગ #64861 | #19984 |
સફારી | HTML5 તત્વ અમલમાં મૂકો<dialog> |
વેબકિટ બગ #84635 | #20175 |