Source

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

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

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

ተመልከት:

አሳሽ(ዎች)	የሳንካ ማጠቃለያ	የላይ ዥረት ሳንካ(ዎች)	የማስነሻ ችግር(ዎች)
ጠርዝ	ሊሸበለሉ በሚችሉ ሞዳል መገናኛዎች ውስጥ የሚታዩ ቅርሶች	የጠርዝ እትም # 9011176	#20755
ጠርዝ	ቤተኛ የአሳሽ መሣሪያ ጥቆማ `title`በመጀመሪያ የቁልፍ ሰሌዳ ትኩረት ላይ ለትዕይንቶች (ከተበጀ የመሳሪያ ጠቃሚ ምክር አካል በተጨማሪ)	የጠርዝ ቁጥር # 6793560	#18692
ጠርዝ	`:hover`የተንዣበበ ኤለመንት ካሸበለለ በኋላ አሁንም ሁኔታ ላይ እንዳለ ይቆያል።	የጠርዝ ቁጥር # 5381673	#14211
ጠርዝ	CSS አንዳንድ ጊዜ በወላጅ ንጥረ ነገር `border-radius`በኩል የደም መፍሰስ መስመሮችን ያስከትላል ።`background-color`	የጠርዝ ቁጥር # 3342037	#16671
ጠርዝ	`background`የ `<tr>`በረድፍ ውስጥ ካሉ ሁሉም ህዋሶች ይልቅ ለመጀመሪያው ልጅ ሕዋስ ብቻ ነው የሚተገበረው።	የጠርዝ ቁጥር # 5865620	#18504
ጠርዝ	የበስተጀርባ ቀለም ከታችኛው ሽፋን በአንዳንድ ሁኔታዎች ግልጽ በሆነ ድንበር በኩል ደም ይፈስሳል	የጠርዝ ቁጥር # 6274505	#18228
ጠርዝ	በዘር የሚተላለፍ የSVG አካል ላይ ማንዣበብ `mouseleave`በቅድመ አያቶች ላይ ያለውን ክስተት ያቃጥላል	የጠርዝ ችግር # 7787318	#19670
ጠርዝ	`position: fixed;` `<button>`በማሸብለል ጊዜ ንቁ ብልጭ ድርግም ይላሉ	የጠርዝ ቁጥር # 8770398	#20507
ፋየርፎክስ	`.table-bordered`ባዶ `<tbody>`ድንበሮች ይጎድላሉ።	የሞዚላ ስህተት # 1023761	#13453
ፋየርፎክስ	የቅጽ መቆጣጠሪያው የተሰናከለው ሁኔታ በጃቫስክሪፕት ከተቀየረ፣ ገጹን ካደሰ በኋላ መደበኛው ሁኔታ አይመለስም።	የሞዚላ ስህተት # 654072	#793
ፋየርፎክስ	`focusdocument`ክስተቶች በእቃው ላይ መተኮስ የለባቸውም	የሞዚላ ስህተት # 1228802	#18365
ፋየርፎክስ	ሰፊ ተንሳፋፊ ጠረጴዛ በአዲስ መስመር ላይ አይጠቀለልም።	የሞዚላ ስህተት # 1277782	#19839
ፋየርፎክስ	መዳፊት አንዳንድ ጊዜ በSVG አካላት ውስጥ በሚሆንበት ጊዜ በኤለመንቱ ውስጥ `mouseenter`አይሆንም`mouseleave`	የሞዚላ ስህተት # 577785	#19670
ፋየርፎክስ	በሚታተምበት ጊዜ ከተንሳፈፉ ዓምዶች ጋር አቀማመጥ ይቋረጣል	የሞዚላ ስህተት # 1315994	#21092
ፋየርፎክስ (ዊንዶውስ)	ማያ ገጹ ወደ ያልተለመደ ጥራት ሲዋቀር አንዳንድ ጊዜ የቀኝ `<select>`ምናሌው ይጎድላል	የሞዚላ ስህተት # 545685	#15990
ፋየርፎክስ (ማክኦኤስ እና ሊኑክስ)	ባጅ መግብር የታብ መግብር የታችኛው ድንበር ሳይታሰብ እንዳይደራረብ ያደርገዋል	የሞዚላ ስህተት # 1259972	#19626
Chrome (ማክኦኤስ)	ከላይ `<input type="number">`የመጨመር ቁልፍን ጠቅ ማድረግ የመቀነስ አዝራሩን ያበራል።	የChromium እትም # 419108	የ #8350 እና የ Chromium እትም #337668 ጠፍቷል
Chrome	የCSS ማለቂያ የሌለው መስመራዊ እነማ ከአልፋ ግልጽነት ጋር ማህደረ ትውስታን ያፈሳል።	የChromium እትም # 429375	#14409
Chrome	`table-cell`ምንም እንኳን ድንበሮች አይደራረቡም`margin-right: -1px`	የChromium እትም #749848	# 17438 , # 14237
Chrome	`:hover`በንክኪ ተስማሚ ድረ-ገጾች ላይ ተለጣፊ አታድርጉ	የChromium እትም #370155	#12832
Chrome	`position: absolute`ከአምዱ የሚበልጥ አካል በስህተት ወደ አምድ ወሰን ተቆርጧል	የChromium እትም #269061	#20161
Chrome	በ ውስጥ ባሉ የቅርጸ-ቁምፊዎች ብዛት ላይ በመመስረት ለተለዋዋጭ SVGs ጉልህ አፈጻጸም ተመቷል `font-family`።	የChromium እትም #781344	#24673
ሳፋሪ	`rem`የሚዲያ መጠይቆች ውስጥ ያሉ አሃዶች ማስላት ያለባቸው `font-size: initial`በ root element ሳይሆን በመጠቀም ነው።`font-size`	WebKit ስህተት #156684	#17403
ሳፋሪ	በድምጽ ኦቨር ችላ እየተባለ መታወቂያ እና የትብ ማውጫ ውጤቶች ወደ መያዣው የሚወስድ አገናኝ (የዝላይ አገናኞችን ይነካል)	WebKit ስህተት #163658	#20732
ሳፋሪ	የሲኤስኤስ `min-width`እና `max-width`የሚዲያ ባህሪያት ክፍልፋይ ፒክሰል ማጠጋጋት የለባቸውም	WebKit ስህተት #178261	#25166
ሳፋሪ (ማክኦኤስ)	`px`፣ ገጽ ማጉላት ሲተገበር በሚዲያ ጥያቄዎች ውስጥ ሁሉም ተመሳሳይ ባህሪ ሊኖራቸው ይገባል `em`።`rem`	WebKit ስህተት #156687	#17403
ሳፋሪ (ማክኦኤስ)	ከአንዳንድ `<input type="number">`አካላት ጋር እንግዳ የሆነ የአዝራር ባህሪ።	WebKit ስህተት #137269 ፣ አፕል ሳፋሪ ራዳር #18834768	#8350 ፣ Normalize #283 ፣ Chromium እትም #337668
ሳፋሪ (ማክኦኤስ)	ድረ-ገጽ በሚታተምበት ጊዜ ትንሽ የቅርጸ ቁምፊ መጠን ቋሚ ስፋት `.container`.	WebKit ስህተት #138192 ፣ አፕል ሳፋሪ ራዳር #19435018	#14868
ሳፋሪ (አይኦኤስ)	`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
ሳፋሪ (አይኦኤስ)	ሞዳል ያለው `-webkit-overflow-scrolling: touch`ጽሑፍ ከተጨመረ በኋላ ሊሽከረከር የሚችል አይሆንም	WebKit ስህተት #158342	#17695
ሳፋሪ (አይኦኤስ)	`:hover`በንክኪ ተስማሚ ድረ-ገጾች ላይ ተለጣፊ አታድርጉ	WebKit ስህተት #158517	#12832
ሳፋሪ (አይኦኤስ)	ሜኑ `position:fixed`ከከፈተ በኋላ የሚጠፋው አካል`<select>`	WebKit ስህተት #162362	#20759
ሳፋሪ (አይፓድ ፕሮ)	የንዑሳን ተወላጆች `position: fixed`አቀራረብ በገጽ አቀማመጥ አቀማመጥ በ iPad Pro ላይ ተቆርጧል	WebKit ስህተት #152637 ፣ አፕል ሳፋሪ ራዳር #24030853	#18738

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

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

እነዚህን “በጣም የሚፈለጉትን” የባህሪ ጥያቄዎችን እዚህ ላይ በይፋ እንዘረዝራለን፣ ተግባራዊ የመሆኑን ሂደት ለማፋጠን በማሰብ።

አሳሽ(ዎች)	የባህሪ ማጠቃለያ	የላይ ዥረት ችግር(ዎች)	የማስነሻ ችግር(ዎች)
ጠርዝ	ትኩረት የሚስቡ አካላት የተራኪ/የተደራሽነት ትኩረትን ሲቀበሉ የትኩረት ክስተትን ማቃጠል / መቀበል አለባቸው: የትኩረት ቅጥ	ማይክሮሶፍት A11y የተጠቃሚ ድምጽ ሀሳብ #16717318	#20732
ጠርዝ	ከመራጮች ደረጃ 4 `:dir()`የውሸት ክፍልን ይተግብሩ	የጠርዝ ተጠቃሚ ድምጽ ሃሳብ # 12299532	#19984
ጠርዝ	የኤችቲኤምኤል 5 ኤለመንቱን `<dialog>`ይተግብሩ	የጠርዝ ተጠቃሚ ድምፅ ሀሳብ # 6508895	#20175
ጠርዝ	የCSS ሽግግር ሲሰረዝ አንድ `transitioncancel`ክስተት ያቃጥሉ።	የጠርዝ ተጠቃሚ ድምጽ ሃሳብ # 15939898	#20618
ጠርዝ	የውሸት ክፍል የሚለውን `of <selector-list>`አንቀጽ ተግባራዊ አድርግ`:nth-child()`	የጠርዝ ተጠቃሚ ድምጽ ሃሳብ # 15944476	#20143
ፋየርፎክስ	የውሸት ክፍል የሚለውን `of <selector-list>`አንቀጽ ተግባራዊ አድርግ`:nth-child()`	የሞዚላ ስህተት # 854148	#20143
ፋየርፎክስ	የኤችቲኤምኤል 5 ኤለመንቱን `<dialog>`ይተግብሩ	የሞዚላ ስህተት # 840640	#20175
ፋየርፎክስ	ምናባዊ ትኩረት በአዝራር ወይም በአገናኝ ላይ ሲሆን ትክክለኛው ትኩረት በንጥሉ ላይም ጭምር	የሞዚላ ስህተት #1000082	#20732
Chrome	የCSS ሽግግር ሲሰረዝ አንድ `transitioncancel`ክስተት ያቃጥሉ።	የChromium እትም #642487	የChromium እትም #437860
Chrome	የውሸት ክፍል የሚለውን `of <selector-list>`አንቀጽ ተግባራዊ አድርግ`:nth-child()`	የChromium እትም #304163	#20143
Chrome	ከመራጮች ደረጃ 4 `:dir()`የውሸት ክፍልን ይተግብሩ	የChromium እትም #576815	#19984
ሳፋሪ	የCSS ሽግግር ሲሰረዝ አንድ `transitioncancel`ክስተት ያቃጥሉ።	WebKit ስህተት #161535	#20618
ሳፋሪ	ከመራጮች ደረጃ 4 `:dir()`የውሸት ክፍልን ይተግብሩ	WebKit ስህተት #64861	#19984
ሳፋሪ	የኤችቲኤምኤል 5 ኤለመንቱን `<dialog>`ይተግብሩ	WebKit ስህተት #84635	#20175