in English

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

ጊዜው ያለፈበት ይዘት

ይህ ገጽ ጊዜ ያለፈበት ነው እና ከአሁን በኋላ ለቅርብ ጊዜዎቹ የBootstrap ስሪቶች ተፈጻሚ አይሆንም። እዚህ ያለው ለታሪካዊ ዓላማ ብቻ ነው እና በሚቀጥለው ዋና እትማችን ይወገዳል።

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

እኛ የማስተካከል ሂደቱን ለማፋጠን በማሰብ በእኛ ላይ ተጽዕኖ እያደረጉ ያሉትን የአሳሽ ስህተቶችን በይፋ እንዘረዝራለን። ስለ 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 #8350Chromium እትም #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፣ ገጽ ማጉላት ሲተገበር በሚዲያ ጥያቄዎች ውስጥ ሁሉም ተመሳሳይ ባህሪ ሊኖራቸው ይገባል emrem WebKit ስህተት #156687 #17403
ሳፋሪ (ማክኦኤስ) ከአንዳንድ <input type="number">አካላት ጋር እንግዳ የሆነ የአዝራር ባህሪ። WebKit ስህተት #137269አፕል ሳፋሪ ራዳር #18834768 #8350Normalize #283Chromium እትም #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