የአሳሽ ሳንካዎች ግድግዳ

ቡትስትራፕ በአሁኑ ጊዜ በዋና አሳሾች ውስጥ የሚቻለውን ምርጥ የአሳሽ ተሞክሮ ለማቅረብ በብዙ አስደናቂ የአሳሽ ስህተቶች ዙሪያ ይሰራል። ከታች እንደተዘረዘሩት ያሉ አንዳንድ ስህተቶች በእኛ ሊፈቱ አይችሉም።

እኛ የማስተካከል ሂደቱን ለማፋጠን በማሰብ በእኛ ላይ ተጽዕኖ እያደረጉ ያሉትን የአሳሽ ስህተቶችን በይፋ እንዘረዝራለን። ስለ Bootstrap አሳሽ ተኳሃኝነት መረጃ ለማግኘት የእኛን አሳሽ ተኳሃኝነት ሰነዶችን ይመልከቱ ።

ተመልከት:

አሳሽ(ዎች)	የሳንካ ማጠቃለያ	የላይ ዥረት ሳንካ(ዎች)	የማስነሻ ችግር(ዎች)
የማይክሮሶፍት ጠርዝ	ቤተኛ የአሳሽ መሣሪያ ጥቆማ `title`በመጀመሪያ የቁልፍ ሰሌዳ ትኩረት ላይ ለትዕይንቶች (ከተበጀ የመሳሪያ ጠቃሚ ምክር አካል በተጨማሪ)	የጠርዝ ቁጥር # 6793560	#18692
የማይክሮሶፍት ጠርዝ	`:hover`የተንዣበበ ኤለመንት ካሸበለለ በኋላ አሁንም ሁኔታ ላይ እንዳለ ይቆያል።	የጠርዝ ቁጥር # 5381673	#14211
የማይክሮሶፍት ጠርዝ	በምናሌ ንጥል ላይ ሲያንዣብቡ `<select>`ከምናሌው ስር ያለው አካል ጠቋሚው ይታያል።	የጠርዝ ቁጥር # 817822	#14528
የማይክሮሶፍት ጠርዝ	CSS አንዳንድ ጊዜ በወላጅ ንጥረ ነገር `border-radius`በኩል የደም መፍሰስ መስመሮችን ያስከትላል ።`background-color`	የጠርዝ ቁጥር # 3342037	#16671
የማይክሮሶፍት ጠርዝ	`background`የ `<tr>`በረድፍ ውስጥ ካሉ ሁሉም ህዋሶች ይልቅ ለመጀመሪያው ልጅ ሕዋስ ብቻ ነው የሚተገበረው።	የጠርዝ ቁጥር # 5865620	#18504
የማይክሮሶፍት ጠርዝ	`@-ms-viewport{width: device-width;}`የማሸብለያ አሞሌዎችን በራስ-ደብቅ የማድረግ የጎንዮሽ ጉዳት አለው።	የጠርዝ ቁጥር # 7165383	#18543
የማይክሮሶፍት ጠርዝ	የበስተጀርባ ቀለም ከታችኛው ሽፋን በአንዳንድ ሁኔታዎች ግልጽ በሆነ ድንበር በኩል ደም ይፈስሳል	የጠርዝ ቁጥር # 6274505	#18228
የማይክሮሶፍት ጠርዝ	በዘር የሚተላለፍ የSVG አካል ላይ ማንዣበብ `mouseleave`በቅድመ አያቶች ላይ ያለውን ክስተት ያቃጥላል	የጠርዝ ችግር # 7787318	#19670
ፋየርፎክስ	`.table-bordered`ባዶ `<tbody>`ድንበሮች ይጎድላሉ።	የሞዚላ ስህተት # 1023761	#13453
ፋየርፎክስ	የቅጽ መቆጣጠሪያው የተሰናከለው ሁኔታ በጃቫስክሪፕት ከተቀየረ፣ ገጹን ካደሰ በኋላ መደበኛው ሁኔታ አይመለስም።	የሞዚላ ስህተት # 654072	#793
ፋየርፎክስ	`focusdocument`ክስተቶች በእቃው ላይ መተኮስ የለባቸውም	የሞዚላ ስህተት # 1228802	#18365
ፋየርፎክስ	ሰፊ ተንሳፋፊ ጠረጴዛ በአዲስ መስመር ላይ አይጠቀለልም።	የሞዚላ ስህተት # 1277782	#19839
ፋየርፎክስ	መዳፊት አንዳንድ ጊዜ በSVG አካላት ውስጥ በሚሆንበት ጊዜ በኤለመንቱ ውስጥ `mouseenter`አይሆንም`mouseleave`	የሞዚላ ስህተት # 577785	#19670
ፋየርፎክስ	`position: absolute`ከአምዱ ሰፋ ያለ አካል ከሌሎች አሳሾች በተለየ መልኩ ያቀርባል	የሞዚላ ስህተት # 1282363	#20161
ፋየርፎክስ (ዊንዶውስ)	ማያ ገጹ ወደ ያልተለመደ ጥራት ሲዋቀር አንዳንድ ጊዜ የቀኝ `<select>`ምናሌው ይጎድላል	የሞዚላ ስህተት # 545685	#15990
ፋየርፎክስ (OS X እና ሊኑክስ)	የባጅ መግብር የታችኛው የትብ መግብር ድንበር ሳይታሰብ እንዳይደራረብ ያደርገዋል	የሞዚላ ስህተት # 1259972	#19626
Chrome (አንድሮይድ)	`<input>`ሊሸበለል በሚችል ተደራቢ ላይ መታ ማድረግ `<input>`ወደ እይታ አያሸብልልም።	የChromium እትም #595210	#17338
Chrome (OS X)	ከላይ `<input type="number">`የመጨመር ቁልፍን ጠቅ ማድረግ የመቀነስ አዝራሩን ያበራል።	የChromium እትም # 419108	የ #8350 እና የ Chromium እትም #337668 ጠፍቷል
Chrome	የCSS ማለቂያ የሌለው መስመራዊ እነማ ከአልፋ ግልጽነት ጋር ማህደረ ትውስታን ያፈሳል።	የChromium እትም # 429375	#14409
Chrome	`:focus` `outlinereadonly` `<input>`ስታይል አንባቢ ለመፃፍ ሲቀያየር ጠቋሚ እንዳይታይ ያደርጋል።	የChromium እትም # 465274	#16022
Chrome	`table-cell`ምንም እንኳን ድንበሮች አይደራረቡም`margin-right: -1px`	የChromium እትም #534750	# 17438 , # 14237
Chrome	`<select multiple>`ከተትረፈረፈ አማራጮች ጋር የማሸብለል አሞሌን ጠቅ ማድረግ በአቅራቢያው ይመረጣል`<option>`	የChromium እትም #597642	#19810
Chrome	`:hover`በንክኪ ተስማሚ ድረ-ገጾች ላይ ተለጣፊ አታድርጉ	የChromium እትም #370155	#12832
Chrome (ዊንዶውስ እና ሊኑክስ)	ትር በተደበቀበት ጊዜ እነማዎች ከተከሰቱ በኋላ ወደ የቦዘነ ትር ሲመለሱ የአኒሜሽን ችግር።	የChromium እትም # 449180	#15298
ሳፋሪ	`rem`በሚዲያ መጠይቆች ውስጥ ያሉ አሃዶች ማስላት ያለባቸው `font-size: initial`በ root element ሳይሆን በመጠቀም ነው።`font-size`	WebKit ስህተት #156684	#17403
ሳፋሪ (OS X)	`px`፣ ገጽ ማጉላት ሲተገበር በሚዲያ ጥያቄዎች ውስጥ ሁሉም ተመሳሳይ ባህሪ ሊኖራቸው ይገባል `em`።`rem`	WebKit ስህተት #156687	#17403
ሳፋሪ (OS X)	ከአንዳንድ `<input type="number">`አካላት ጋር እንግዳ የሆነ የአዝራር ባህሪ።	WebKit ስህተት #137269 ፣ አፕል ሳፋሪ ራዳር #18834768	#8350 ፣ Normalize #283 ፣ Chromium እትም #337668
ሳፋሪ (OS X)	ድረ-ገጽ በሚታተምበት ጊዜ ትንሽ የቅርጸ ቁምፊ መጠን ቋሚ ስፋት `.container`.	WebKit ስህተት #138192 ፣ አፕል ሳፋሪ ራዳር #19435018	#14868
ሳፋሪ (አይፓድ)	`<select>`በ iPad ላይ ያለው ምናሌ የተጠቁ የሙከራ ቦታዎችን መቀየር ያስከትላል	WebKit ስህተት #150079 ፣ አፕል ሳፋሪ ራዳር #23082521	#14975
ሳፋሪ (አይኦኤስ)	`transform: translate3d(0,0,0);`የመስጠት ስህተት።	WebKit ስህተት #138162 ፣ አፕል ሳፋሪ ራዳር #18804973	#14603
ሳፋሪ (አይኦኤስ)	የጽሑፍ ግቤት ጠቋሚ ገጹን በማሸብለል ላይ አይንቀሳቀስም።	WebKit ስህተት #138201 ፣ አፕል ሳፋሪ ራዳር #18819624	#14708
ሳፋሪ (አይኦኤስ)	ረጅም የጽሑፍ ሕብረቁምፊ ወደ ውስጥ ከገባ በኋላ ጠቋሚውን ወደ ጽሑፍ መጀመሪያ ማንቀሳቀስ አይቻልም`<input type="text">`	WebKit ስህተት #148061 ፣ አፕል ሳፋሪ ራዳር #22299624	#16988
ሳፋሪ (አይኦኤስ)	`display: block`የጊዜያዊ `<input>`ዎች ጽሑፍ በአቀባዊ የተሳሳተ እንዲሆን ያደርጋል	WebKit ስህተት #139848 ፣ አፕል ሳፋሪ ራዳር #19434878	# 11266 , # 13098
ሳፋሪ (አይኦኤስ)	መታ ማድረግ ክስተቶችን `<body>`አያቃጥልም ።`click`	WebKit ስህተት #151933	#16028
ሳፋሪ (አይኦኤስ)	`position:fixed`የትር አሞሌ በ iPhone 6S+ Safari ላይ በሚታይበት ጊዜ በስህተት የተቀመጠ ነው።	WebKit ስህተት #153056	#18859
ሳፋሪ (አይኦኤስ)	`<input>`ወደ አንድ አካል ውስጥ መታ ማድረግ ወደ `position:fixed`የገጹ አናት ይሸብልላል	WebKit ስህተት #153224 ፣ አፕል ሳፋሪ ራዳር #24235301	#17497
ሳፋሪ (አይኦኤስ)	`<body>overflow:hidden`ከሲኤስኤስ ጋር በ iOS ላይ ሊሽከረከር ይችላል።	WebKit ስህተት #153852	#14839
ሳፋሪ (አይኦኤስ)	የማሸብለል ምልክት በጽሑፍ መስክ በኤለመንቱ `position:fixed`አንዳንድ ጊዜ `<body>`ሊጠቀለል ከሚችለው ቅድመ አያት ይልቅ ይሸብልላል	WebKit ስህተት #153856	#14839
ሳፋሪ (አይኦኤስ)	በተደራቢ ውስጥ ከአንዱ `<input>`ወደ ሌላው መታ ማድረግ የመንቀጥቀጥ/የመንቀጥቀጥ ውጤት ያስከትላል	WebKit ስህተት #158276	#19927
ሳፋሪ (አይኦኤስ)	ሞዳል ያለው `-webkit-overflow-scrolling: touch`ጽሑፍ ከተጨመረ በኋላ ሊሽከረከር የሚችል አይሆንም	WebKit ስህተት #158342	#17695
ሳፋሪ (አይኦኤስ)	`:hover`በንክኪ ተስማሚ ድረ-ገጾች ላይ ተለጣፊ አታድርጉ	WebKit ስህተት #158517	#12832
ሳፋሪ (አይፓድ ፕሮ)	የንዑስ አካል `position: fixed`ተወላጆችን ማቅረብ በገጽ አቀማመጥ አቀማመጥ በ iPad Pro ላይ ይቆርጣል	WebKit ስህተት #152637 ፣ አፕል ሳፋሪ ራዳር #24030853	#18738

በድር መመዘኛዎች ውስጥ የተገለጹት ብዙ ባህሪያት አሉ Bootstrap የበለጠ ጠንካራ፣ የሚያምር ወይም አፈጻጸም ያለው፣ ነገር ግን በተወሰኑ አሳሾች ውስጥ እስካሁን ያልተተገበሩ ናቸው፣ ስለዚህም ከእነሱ ጥቅም እንዳንጠቀም ይከለክለናል።

እነዚህን "በጣም የሚፈለጉ" የባህሪ ጥያቄዎችን እዚህ ላይ በይፋ እንዘረዝራለን፣ ተግባራዊ የመሆን ሂደቱን ለማፋጠን ተስፋ እናደርጋለን።

አሳሽ(ዎች)	የባህሪ ማጠቃለያ	የላይ ዥረት ችግር(ዎች)	የማስነሻ ችግር(ዎች)
የማይክሮሶፍት ጠርዝ	ከመራጮች ደረጃ 4 `:dir()`የውሸት ክፍልን ይተግብሩ	የጠርዝ ተጠቃሚ ድምጽ ሃሳብ # 12299532	#19984
የማይክሮሶፍት ጠርዝ	ተለጣፊ አቀማመጥን ከሲኤስኤስ አቀማመጥ አቀማመጥ ደረጃ 3 ተግብር	የጠርዝ ተጠቃሚ ድምፅ ሀሳብ # 6263621	#17021
ፋየርፎክስ	የCSS ሽግግር ሲሰረዝ አንድ `transitioncancel`ክስተት ያቃጥሉ።	የሞዚላ ስህተት # 1264125	የሞዚላ ስህተት # 1182856
ፋየርፎክስ	የውሸት ክፍል የሚለውን `of <selector-list>`አንቀጽ ተግባራዊ አድርግ`:nth-child()`	የሞዚላ ስህተት # 854148	#20143
ፋየርፎክስ	የኤችቲኤምኤል 5 ኤለመንቱን `<dialog>`ይተግብሩ	የሞዚላ ስህተት # 840640	#20175
Chrome	የውሸት ክፍል የሚለውን `of <selector-list>`አንቀጽ ተግባራዊ አድርግ`:nth-child()`	የChromium እትም #304163	#20143
Chrome	ከመራጮች ደረጃ 4 `:dir()`የውሸት ክፍልን ይተግብሩ	የChromium እትም #576815	#19984
Chrome	ተለጣፊ አቀማመጥን ከሲኤስኤስ አቀማመጥ አቀማመጥ ደረጃ 3 ተግብር	የChromium እትም #231752	#17021
ሳፋሪ	ከመራጮች ደረጃ 4 `:dir()`የውሸት ክፍልን ይተግብሩ	WebKit ስህተት #64861	#19984
ሳፋሪ	የኤችቲኤምኤል 5 ኤለመንቱን `<dialog>`ይተግብሩ	WebKit ስህተት #84635	#20175

የአሳሽ ስህተቶች

በጣም የሚፈለጉ ባህሪያት