የአሳሽ ስህተቶች

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

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

ተመልከት:

አሳሽ(ዎች) የሳንካ ማጠቃለያ የላይ ዥረት ሳንካ(ዎች) የማስነሻ ችግር(ዎች)
የማይክሮሶፍት ጠርዝ

ሊሸበለሉ በሚችሉ ሞዳል መገናኛዎች ውስጥ የሚታዩ ቅርሶች

 የጠርዝ እትም # 9011176 #20755
የማይክሮሶፍት ጠርዝ

ቤተኛ የአሳሽ መሣሪያ ጥቆማ 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
ሳፋሪ (አይኦኤስ)

Can’t move cursor to start of text after entering long string of text into <input type="text">

 WebKit bug #148061, Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block causes text of temporal <input>s to become vertically misaligned

 WebKit bug #139848, Apple Safari Radar #19434878 #11266, #13098
Safari (iOS)

Tapping on <body> doesn’t fire click events

 WebKit bug #151933 #16028
Safari (iOS)

position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

Tapping into an <input> within a position:fixed element scrolls to the top of the page

 WebKit bug #153224, Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> with overflow:hidden CSS is scrollable on iOS

 WebKit bug #153852 #14839
Safari (iOS)

Scroll gesture in text field in position:fixed element sometimes scrolls <body> instead of scrollable ancestor

 WebKit bug #153856 #14839
Safari (iOS)

Tapping from one <input> to another in an overlay can cause shaking/jiggling effect

 WebKit bug #158276 #19927
Safari (iOS)

Modal with -webkit-overflow-scrolling: touch doesn’t become scrollable after added text makes it taller

 WebKit bug #158342 #17695
Safari (iOS)

Don’t make :hover sticky on touch-friendly webpages

 WebKit bug #158517 #12832
Safari (iPad Pro)

Rendering of descendants of position: fixed element gets clipped on iPad Pro in Landscape orientation

 WebKit bug #152637, Apple Safari Radar #24030853 #18738

Most wanted features

There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.

We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.

Browser(s) Summary of feature Upstream issue(s) Bootstrap issue(s)
Microsoft Edge

Implement the :dir() pseudo-class from Selectors Level 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

Implement sticky positioning from CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Microsoft Edge

Implement the HTML5 <dialog> element

 Edge UserVoice idea #6508895 #20175
Firefox

Fire a transitioncancel event when a CSS transition is canceled

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Mozilla bug #854148 #20143
Firefox

Implement the HTML5 <dialog> element

 Mozilla bug #840640 #20175
Chrome

Implement the of <selector-list> clause of the :nth-child() pseudo-class

 Chromium issue #304163 #20143
Chrome

Implement the :dir() pseudo-class from Selectors Level 4

 Chromium issue #576815 #19984
Chrome

Implement sticky positioning from CSS Positioned Layout Level 3

 Chromium issue #231752 #17021
Safari

Implement the :dir() pseudo-class from Selectors Level 4

 WebKit bug #64861 #19984
Safari

Implement the HTML5 <dialog> element

 WebKit bug #84635 #20175