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፣ ገጽ ማጉላት ሲተገበር በሚዲያ ጥያቄዎች ውስጥ ሁሉም ተመሳሳይ ባህሪ ሊኖራቸው ይገባል 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