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

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

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

આ પણ જુઓ:

બ્રાઉઝર	બગનો સારાંશ	અપસ્ટ્રીમ બગ(ઓ)	બુટસ્ટ્રેપ સમસ્યા(ઓ)
માઈક્રોસોફ્ટ એજ	`title`પ્રથમ કીબોર્ડ ફોકસ પર શો માટે મૂળ બ્રાઉઝર ટૂલટિપ (કસ્ટમ ટૂલટિપ ઘટક ઉપરાંત)	એજ અંક #6793560	#18692
માઈક્રોસોફ્ટ એજ	હૉવર્ડ એલિમેન્ટ `:hover`દૂર સ્ક્રોલ કર્યા પછી પણ સ્થિતિમાં રહે છે.	એજ અંક #5381673	#14211
માઈક્રોસોફ્ટ એજ	જ્યારે `<select>`મેનુ આઇટમ પર હોવર કરે છે, ત્યારે મેનૂની નીચે તત્વ માટે કર્સર પ્રદર્શિત થાય છે.	એજ અંક #817822	#14528
માઈક્રોસોફ્ટ એજ	CSS `border-radius`ક્યારેક `background-color`પિતૃ તત્વના બ્લીડ-થ્રુની રેખાઓનું કારણ બને છે.	એજ અંક #3342037	#16671
માઈક્રોસોફ્ટ એજ	`background`of `<tr>`પંક્તિના તમામ કોષોને બદલે માત્ર પ્રથમ ચાઇલ્ડ સેલ પર લાગુ થાય છે	એજ અંક #5865620	#18504
માઈક્રોસોફ્ટ એજ	`@-ms-viewport{width: device-width;}`સ્ક્રોલબારને સ્વતઃ-છુપાવવાની આડ-અસર છે	એજ અંક #7165383	#18543
માઈક્રોસોફ્ટ એજ	નીચેના સ્તરમાંથી પૃષ્ઠભૂમિનો રંગ કેટલાક કિસ્સાઓમાં પારદર્શક કિનારી દ્વારા રક્તસ્ત્રાવ થાય છે	એજ અંક #6274505	#18228
માઈક્રોસોફ્ટ એજ	વંશજ SVG તત્વ પર હૉવર કરવાથી `mouseleave`પૂર્વજ પર ઇવેન્ટ ફાયર થાય છે	એજ અંક #7787318	#19670
ફાયરફોક્સ	`.table-bordered`ખાલી સાથે `<tbody>`સરહદો ખૂટે છે.	મોઝિલા બગ #1023761	#13453
ફાયરફોક્સ	જો JavaScript દ્વારા ફોર્મ કંટ્રોલની અક્ષમ સ્થિતિ બદલવામાં આવે છે, તો પૃષ્ઠને તાજું કર્યા પછી સામાન્ય સ્થિતિ પાછી આવતી નથી.	મોઝિલા બગ #654072	#793
ફાયરફોક્સ	`focusdocument`ઘટનાઓ પદાર્થ પર ગોળીબાર ન કરવો જોઇએ	મોઝિલા બગ #1228802	#18365
ફાયરફોક્સ	વાઈડ ફ્લોટેડ ટેબલ નવી લાઇન પર લપેટતું નથી	મોઝિલા બગ #1277782	#19839
ફાયરફોક્સ	માઉસ કેટલીકવાર એલિમેન્ટની અંદર હોતું નથી `mouseenter`/ `mouseleave`જ્યારે તે SVG તત્વોની અંદર હોય છે	મોઝિલા બગ #577785	#19670
ફાયરફોક્સ	`position: absolute`એલિમેન્ટ જે તેના કૉલમ કરતાં પહોળું છે તે અન્ય બ્રાઉઝર્સ કરતાં અલગ રીતે રેન્ડર કરે છે	મોઝિલા બગ #1282363	#20161
ફાયરફોક્સ (વિન્ડોઝ)	`<select>`જ્યારે સ્ક્રીન અસામાન્ય રીઝોલ્યુશન પર સેટ હોય ત્યારે મેનુની જમણી કિનારી ક્યારેક ખૂટે છે	મોઝિલા બગ #545685	#15990
ફાયરફોક્સ (OS X અને Linux)	બેજ વિજેટને કારણે ટૅબ્સ વિજેટની નીચેની સરહદ અણધારી રીતે ઓવરલેપ થતી નથી	મોઝિલા બગ #1259972	#19626
ક્રોમ (એન્ડ્રોઇડ)	સ્ક્રોલ કરી શકાય તેવા ઓવરલેમાં ટેપ કરવાથી દૃશ્યમાં `<input>`સ્ક્રોલ થતું નથી`<input>`	ક્રોમિયમ મુદ્દો #595210	#17338
ક્રોમ (OS X)	ઉપરના `<input type="number">`ઇન્ક્રીમેન્ટ બટન પર ક્લિક કરવાથી ડીક્રીમેન્ટ બટન ફ્લેશ થાય છે.	ક્રોમિયમ મુદ્દો #419108	#8350 અને ક્રોમિયમ અંક #337668 નું ઓફશૂટ
ક્રોમ	CSS અનંત રેખીય એનિમેશન આલ્ફા ટ્રાન્સપરન્સી લીક મેમરી સાથે.	ક્રોમિયમ મુદ્દો #429375	#14409
ક્રોમ	`:focus` `outline`શૈલીને કારણે કર્સર પ્રદર્શિત થતું નથી જ્યારે a `readonly` `<input>`ને વાંચવા-લખવા માટે ટૉગલ કરવામાં આવે છે.	ક્રોમિયમ મુદ્દો #465274	#16022
ક્રોમ	`table-cell`સરહદો હોવા છતાં ઓવરલેપ થતી નથી`margin-right: -1px`	ક્રોમિયમ મુદ્દો #534750	# 17438 , #14237
ક્રોમ	`<select multiple>`ઓવરફ્લો થયેલા વિકલ્પો સાથે સ્ક્રોલબારને ક્લિક કરવાથી નજીકનું પસંદ કરવામાં આવશે`<option>`	ક્રોમિયમ મુદ્દો #597642	#19810
ક્રોમ	`:hover`સ્પર્શ-મૈત્રીપૂર્ણ વેબપૃષ્ઠો પર સ્ટીકી બનાવશો નહીં	ક્રોમિયમ મુદ્દો #370155	#12832
ક્રોમ (વિન્ડોઝ અને લિનક્સ)	જ્યારે ટેબ છુપાયેલ હોય ત્યારે એનિમેશન થયા પછી નિષ્ક્રિય ટેબ પર પાછા ફરતી વખતે એનિમેશનની ભૂલ.	ક્રોમિયમ મુદ્દો #449180	#15298
સફારી	`rem`મીડિયા ક્વેરીઝમાં એકમોની ગણતરી `font-size: initial`રુટ એલિમેન્ટનો ઉપયોગ કરીને થવી જોઈએ`font-size`	વેબકિટ બગ #156684	#17403
સફારી (OS X)	`px`, `em`, અને `rem`જ્યારે પૃષ્ઠ ઝૂમ લાગુ કરવામાં આવે ત્યારે મીડિયા ક્વેરીઝમાં બધાએ સમાન વર્તન કરવું જોઈએ	વેબકિટ બગ #156687	#17403
સફારી (OS X)	`<input type="number">`કેટલાક ઘટકો સાથે વિચિત્ર બટન વર્તન .	વેબકિટ બગ #137269 , એપલ સફારી રડાર #18834768	#8350 , સામાન્ય કરો #283 , ક્રોમિયમ મુદ્દો #337668
સફારી (OS X)	નિશ્ચિત-પહોળાઈ સાથે વેબપેજ છાપતી વખતે ફોન્ટનું નાનું કદ `.container`.	વેબકિટ બગ #138192 , એપલ સફારી રડાર #19435018	#14868
સફારી (iPad)	`<select>`આઈપેડ પરનું મેનૂ હિટ-પરીક્ષણ ક્ષેત્રોના સ્થળાંતરનું કારણ બને છે	વેબકિટ બગ #150079 , એપલ સફારી રડાર #23082521	#14975
સફારી (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)	ઓવરલેમાં એકથી બીજા પર ટેપ કરવાથી `<input>`ધ્રુજારી/જીગલિંગ અસર થઈ શકે છે	વેબકિટ બગ #158276	#19927
સફારી (iOS)	સાથેનું મોડલ `-webkit-overflow-scrolling: touch`ઉમેરાયેલ ટેક્સ્ટ તેને ઉંચુ બનાવે પછી સ્ક્રોલ કરી શકાતું નથી	વેબકિટ બગ #158342	#17695
સફારી (iOS)	`:hover`સ્પર્શ-મૈત્રીપૂર્ણ વેબપૃષ્ઠો પર સ્ટીકી બનાવશો નહીં	વેબકિટ બગ #158517	#12832
સફારી (iPad Pro)	`position: fixed`લેન્ડસ્કેપ ઓરિએન્ટેશનમાં આઈપેડ પ્રો પર તત્વના વંશજોનું રેન્ડરિંગ ક્લિપ થાય છે	વેબકિટ બગ #152637 , એપલ સફારી રડાર #24030853	#18738

વેબ સ્ટાન્ડર્ડ્સમાં ઉલ્લેખિત ઘણી વિશેષતાઓ છે જે અમને બુટસ્ટ્રેપને વધુ મજબૂત, ભવ્ય અથવા પ્રભાવશાળી બનાવવા માટે પરવાનગી આપે છે, પરંતુ હજુ સુધી અમુક બ્રાઉઝર્સમાં લાગુ કરવામાં આવી નથી, આમ અમને તેનો લાભ લેતા અટકાવે છે.

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

બ્રાઉઝર	લક્ષણનો સારાંશ	અપસ્ટ્રીમ મુદ્દા(ઓ)	બુટસ્ટ્રેપ સમસ્યા(ઓ)
માઈક્રોસોફ્ટ એજ	સિલેક્ટર લેવલ 4માંથી `:dir()`સ્યુડો-ક્લાસનો અમલ કરો	એજ યુઝરવોઇસ આઈડિયા #12299532	#19984
માઈક્રોસોફ્ટ એજ	CSS સ્થિત લેઆઉટ સ્તર 3 થી સ્ટીકી પોઝિશનિંગ લાગુ કરો	એજ યુઝરવોઇસ આઈડિયા #6263621	#17021
ફાયરફોક્સ	જ્યારે CSS સંક્રમણ રદ કરવામાં આવે ત્યારે `transitioncancel`ઇવેન્ટને ફાયર કરો	મોઝિલા બગ #1264125	મોઝિલા બગ #1182856
ફાયરફોક્સ	સ્યુડો-ક્લાસની `of <selector-list>`કલમનો અમલ કરો`:nth-child()`	મોઝિલા બગ #854148	#20143
ફાયરફોક્સ	HTML5 તત્વ અમલમાં મૂકો`<dialog>`	મોઝિલા બગ #840640	#20175
ક્રોમ	સ્યુડો-ક્લાસની `of <selector-list>`કલમનો અમલ કરો`:nth-child()`	ક્રોમિયમ મુદ્દો #304163	#20143
ક્રોમ	સિલેક્ટર લેવલ 4માંથી `:dir()`સ્યુડો-ક્લાસનો અમલ કરો	ક્રોમિયમ મુદ્દો #576815	#19984
ક્રોમ	CSS સ્થિત લેઆઉટ સ્તર 3 થી સ્ટીકી પોઝિશનિંગ લાગુ કરો	ક્રોમિયમ મુદ્દો #231752	#17021
સફારી	સિલેક્ટર લેવલ 4માંથી `:dir()`સ્યુડો-ક્લાસનો અમલ કરો	વેબકિટ બગ #64861	#19984
સફારી	HTML5 તત્વ અમલમાં મૂકો`<dialog>`	વેબકિટ બગ #84635	#20175

બ્રાઉઝર બગ્સ

મોસ્ટ વોન્ટેડ સુવિધાઓ