Source

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

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

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

આ પણ જુઓ:

બ્રાઉઝર	બગનો સારાંશ	અપસ્ટ્રીમ બગ(ઓ)	બુટસ્ટ્રેપ સમસ્યા(ઓ)
એજ	સ્ક્રોલ કરી શકાય તેવા મોડલ સંવાદોમાં વિઝ્યુઅલ આર્ટિફેક્ટ્સ	એજ અંક #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
ફાયરફોક્સ	`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: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