Source

બ્રાઉઝર બગ્સની દિવાલ

બુટસ્ટ્રેપ હાલમાં શક્ય શ્રેષ્ઠ ક્રોસ-બ્રાઉઝર અનુભવ પ્રદાન કરવા માટે મુખ્ય બ્રાઉઝર્સમાં કેટલાક ઉત્કૃષ્ટ બ્રાઉઝર બગ્સની આસપાસ કામ કરે છે. કેટલીક ભૂલો, જેમ કે નીચે સૂચિબદ્ધ છે, અમારા દ્વારા ઉકેલી શકાતી નથી.

અમે બ્રાઉઝર બગ્સને સાર્વજનિક રીતે સૂચિબદ્ધ કરીએ છીએ જે અહીં અમને અસર કરી રહ્યાં છે, તેમને સુધારવાની પ્રક્રિયાને ઝડપી બનાવવાની આશામાં. બુટસ્ટ્રેપની બ્રાઉઝર સુસંગતતા વિશેની માહિતી માટે, અમારા બ્રાઉઝર સુસંગતતા દસ્તાવેજો જુઓ .

આ પણ જુઓ:

બ્રાઉઝર બગનો સારાંશ અપસ્ટ્રીમ બગ(ઓ) બુટસ્ટ્રેપ સમસ્યા(ઓ)
એજ

સ્ક્રોલ કરી શકાય તેવા મોડલ સંવાદોમાં વિઝ્યુઅલ આર્ટિફેક્ટ

એજ અંક #9011176 #20755
એજ

titleપ્રથમ કીબોર્ડ ફોકસ પર શો માટે મૂળ બ્રાઉઝર ટૂલટિપ (કસ્ટમ ટૂલટિપ ઘટક ઉપરાંત)

એજ અંક #6793560 #18692
એજ

હૉવર્ડ એલિમેન્ટ :hoverદૂર સ્ક્રોલ કર્યા પછી પણ સ્થિતિમાં રહે છે.

એજ અંક #5381673 #14211
એજ

CSS border-radiusક્યારેક background-colorપિતૃ તત્વના બ્લીડ-થ્રુની રેખાઓનું કારણ બને છે.

એજ અંક #3342037 #16671
એજ

backgroundof <tr>પંક્તિના તમામ કોષોને બદલે માત્ર પ્રથમ ચાઇલ્ડ સેલ પર લાગુ થાય છે

એજ અંક #5865620 #18504
એજ

નીચેના સ્તરમાંથી પૃષ્ઠભૂમિ રંગ કેટલાક કિસ્સાઓમાં પારદર્શક સરહદ દ્વારા રક્તસ્ત્રાવ કરે છે

એજ અંક #6274505 #18228
એજ

વંશજ SVG તત્વ પર હૉવર કરવાથી mouseleaveપૂર્વજ પર ઇવેન્ટ ફાયર થાય છે

એજ અંક #7787318 #19670
એજ

સ્ક્રોલ કરતી વખતે સક્રિય position: fixed; <button>ફ્લિકર્સ

એજ અંક #8770398 #20507
ફાયરફોક્સ

.table-borderedખાલી સાથે <tbody>સરહદો ખૂટે છે.

મોઝિલા બગ #1023761 #13453
ફાયરફોક્સ

જો JavaScript દ્વારા ફોર્મ કંટ્રોલની અક્ષમ સ્થિતિ બદલવામાં આવે છે, તો પૃષ્ઠને તાજું કર્યા પછી સામાન્ય સ્થિતિ પાછી આવતી નથી.

મોઝિલા બગ #654072 #793
ફાયરફોક્સ

focusdocumentઘટનાઓ પદાર્થ પર ગોળીબાર ન કરવો જોઇએ

મોઝિલા બગ #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:hiddenCSS સાથે 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