ब्राउझर बगची भिंत
कालबाह्य सामग्री
हे पृष्ठ जुने आहे आणि यापुढे बूटस्ट्रॅपच्या नवीनतम आवृत्त्यांसाठी लागू होणार नाही. हे आता पूर्णपणे ऐतिहासिक हेतूंसाठी येथे आहे आणि आमच्या पुढील प्रमुख प्रकाशनात काढले जाईल.
बूटस्ट्रॅप सध्या सर्वोत्कृष्ट क्रॉस-ब्राउझर अनुभव देण्यासाठी प्रमुख ब्राउझरमधील अनेक उत्कृष्ट ब्राउझर बग्सवर कार्य करते. काही बग, जसे की खाली सूचीबद्ध आहेत, आमच्याद्वारे सोडवता येत नाहीत.
आमच्यावर परिणाम करणाऱ्या ब्राउझर बगची आम्ही येथे सार्वजनिकपणे यादी करतो, त्यांचे निराकरण करण्याची प्रक्रिया जलद करण्याच्या आशेने. बूटस्ट्रॅपच्या ब्राउझर सुसंगततेबद्दल माहितीसाठी, आमचे ब्राउझर सुसंगतता दस्तऐवज पहा .
हे देखील पहा:
- Chromium समस्या 536263: [मेटा] बूटस्ट्रॅपवर परिणाम करणाऱ्या समस्या
- Mozilla बग 1230801: बूटस्ट्रॅपवर परिणाम करणाऱ्या समस्यांचे निराकरण करा
- वेबकिट बग 159753: [मेटा] बूटस्ट्रॅपवर परिणाम करणाऱ्या समस्या
- jQuery च्या ब्राउझर बग वर्कअराउंड्स
ब्राउझर | बगचा सारांश | अपस्ट्रीम समस्या(चे) | बूटस्ट्रॅप समस्या(चे) |
---|---|---|---|
काठ | स्क्रोल करण्यायोग्य मोडल संवादांमध्ये व्हिज्युअल आर्टिफॅक्ट्स | एज समस्या #9011176 | #२०७५५ |
काठ | title पहिल्या कीबोर्ड फोकसवर शोसाठी नेटिव्ह ब्राउझर टूलटिप (कस्टम टूलटिप घटकाव्यतिरिक्त) |
एज समस्या #6793560 | #१८६९२ |
काठ | फिरवलेला घटक :hover दूर स्क्रोल केल्यानंतरही स्थितीत राहतो. |
काठ अंक #5381673 | #१४२११ |
काठ | CSS border-radius मुळे काहीवेळा background-color पॅरेंट एलिमेंटच्या ब्लीड-थ्रूच्या ओळी येतात. |
एज समस्या #3342037 | #१६६७१ |
काठ | background of <tr> पंक्तीमधील सर्व सेलऐवजी फक्त पहिल्या चाइल्ड सेलवर लागू केले जाते |
एज समस्या #5865620 | #१८५०४ |
काठ | खालच्या थरातील पार्श्वभूमीचा रंग काही प्रकरणांमध्ये पारदर्शक बॉर्डरमधून रक्तस्त्राव होतो | एज समस्या #6274505 | #१८२२८ |
काठ | डिसेंडंट SVG एलिमेंटवर फिरवल्याने पूर्वजातील mouseleave घटना फायर होते |
एज समस्या #7787318 | #१९६७० |
काठ | स्क्रोल करताना सक्रिय position: fixed; <button> फ्लिकर्स |
एज समस्या #8770398 | #२०५०७ |
फायरफॉक्स | .table-bordered रिकाम्या सह <tbody> सीमा गहाळ आहे. |
मोझीला बग #1023761 | #१३४५३ |
फायरफॉक्स | JavaScript द्वारे फॉर्म नियंत्रणाची अक्षम स्थिती बदलल्यास, पृष्ठ रीफ्रेश केल्यानंतर सामान्य स्थिती परत येत नाही. | मोझीला बग #654072 | #७९३ |
फायरफॉक्स | focus document घटना वस्तूवर गोळीबार करू नये |
मोझीला बग #1228802 | #१८३६५ |
फायरफॉक्स | वाइड फ्लोटेड टेबल नवीन ओळीवर गुंडाळत नाही | Mozilla बग #1277782 | #१९८३९ |
फायरफॉक्स | माऊस काहीवेळा घटकांमध्ये नसतो mouseenter / mouseleave जेव्हा तो SVG घटकांमध्ये असतो |
मोझीला बग #577785 | #१९६७० |
फायरफॉक्स | मुद्रण करताना फ्लोटेड स्तंभांसह लेआउट खंडित होतो | मोझीला बग #१३१५९९४ | #२१०९२ |
फायरफॉक्स (विंडोज) | <select> जेव्हा स्क्रीन असामान्य रिझोल्यूशनवर सेट केली जाते तेव्हा मेनूची उजवी सीमा कधीकधी गहाळ असते |
मोझीला बग #545685 | #१५९९० |
Firefox (macOS आणि Linux) | बॅज विजेटमुळे टॅब विजेटची तळाशी सीमा अनपेक्षितपणे ओव्हरलॅप होत नाही | मोझीला बग #1259972 | #१९६२६ |
Chrome (macOS) | वरील <input type="number"> वाढीव बटणावर क्लिक केल्याने घटते बटण चमकते. |
Chromium समस्या #419108 | #8350 , Chromium अंक #337668 |
क्रोम | अल्फा पारदर्शकतेसह CSS अनंत रेखीय अॅनिमेशन मेमरी लीक करते. | Chromium समस्या #429375 | #१४४०९ |
क्रोम | table-cell असूनही सीमा ओव्हरलॅप होत नाहीतmargin-right: -1px |
Chromium समस्या #749848 | #१७४३८ , #१४२३७ |
क्रोम | :hover स्पर्श-अनुकूल वेबपृष्ठांवर चिकट बनवू नका |
Chromium समस्या #370155 | #१२८३२ |
क्रोम | position: absolute त्याच्या स्तंभापेक्षा विस्तीर्ण घटक स्तंभाच्या सीमारेषेवर चुकीच्या पद्धतीने क्लिप केला आहे |
Chromium समस्या #269061 | #२०१६१ |
क्रोम | मधील फॉन्टच्या संख्येवर अवलंबून मजकूरासह डायनॅमिक SVG साठी महत्त्वपूर्ण कामगिरी हिट font-family . |
Chromium समस्या #781344 | #२४६७३ |
सफारी | rem मीडिया क्वेरीमधील युनिट्सची गणना font-size: initial मूळ घटकाचा वापर करून केली पाहिजे, नाहीfont-size |
वेबकिट बग #156684 | #१७४०३ |
सफारी | आयडी आणि टॅबइंडेक्स असलेल्या कंटेनरशी लिंक केल्याने व्हॉईसओव्हरद्वारे कंटेनरकडे दुर्लक्ष केले जाते (लिंक वगळण्यावर परिणाम होतो) | वेबकिट बग #163658 | #२०७३२ |
सफारी | CSS min-width आणि max-width मीडिया वैशिष्ट्ये फ्रॅक्शनल पिक्सेलमध्ये गोलाकार नसावीत |
वेबकिट बग #178261 | #२५१६६ |
सफारी (macOS) | px , em , आणि rem जेव्हा पृष्ठ झूम लागू केले जाते तेव्हा मीडिया क्वेरींमध्ये सर्वांनी समान वागले पाहिजे |
वेबकिट बग #156687 | #१७४०३ |
सफारी (macOS) | <input type="number"> काही घटकांसह विचित्र बटण वर्तन . |
वेबकिट बग #137269 , ऍपल सफारी रडार #18834768 | #8350 , सामान्य करा #283 , Chromium समस्या #337668 |
सफारी (macOS) | निश्चित-रुंदीसह वेबपृष्ठ मुद्रित करताना लहान फॉन्ट आकार .container . |
वेबकिट बग #138192 , ऍपल सफारी रडार #19435018 | #१४८६८ |
सफारी (iOS) | transform: translate3d(0,0,0); रेंडरिंग बग. |
वेबकिट बग #138162 , ऍपल सफारी रडार #18804973 | #१४६०३ |
सफारी (iOS) | पृष्ठ स्क्रोल करताना मजकूर इनपुटचा कर्सर हलत नाही. | वेबकिट बग #138201 , Apple सफारी रडार #18819624 | #१४७०८ |
सफारी (iOS) | मजकूराची लांब स्ट्रिंग एंटर केल्यानंतर मजकूराच्या सुरूवातीस कर्सर हलवू शकत नाही<input type="text"> |
वेबकिट बग #148061 , ऍपल सफारी रडार #22299624 | #१६९८८ |
सफारी (iOS) | display: block टेम्पोरल s चे मजकूर <input> अनुलंब चुकीचे संरेखित होण्यास कारणीभूत ठरते |
वेबकिट बग #139848 , ऍपल सफारी रडार #19434878 | #११२६६ , #१३० ९८ |
सफारी (iOS) | टॅप केल्याने इव्हेंट सक्रिय <body> होत नाहीतclick |
वेबकिट बग #151933 | #१६०२८ |
सफारी (iOS) | position:fixed iPhone 6S+ Safari वर टॅब बार दृश्यमान असताना चुकीच्या पद्धतीने स्थान दिले जाते |
वेबकिट बग #153056 | #१८८५९ |
सफारी (iOS) | घटकामध्ये टॅप केल्याने <input> पृष्ठाच्या position:fixed शीर्षस्थानी स्क्रोल होते |
वेबकिट बग #153224 , ऍपल सफारी रडार #24235301 | #१७४९७ |
सफारी (iOS) | <body> CSS सह overflow:hidden iOS वर स्क्रोल करण्यायोग्य आहे |
वेबकिट बग #153852 | #१४८३९ |
सफारी (iOS) | घटकातील मजकूर फील्डमध्ये स्क्रोल जेश्चर position:fixed कधीकधी स्क्रोल <body> करण्यायोग्य पूर्वज ऐवजी स्क्रोल करते |
वेबकिट बग #153856 | #१४८३९ |
सफारी (iOS) | -webkit-overflow-scrolling: touch जोडलेल्या मजकुरामुळे ते उंच झाल्यावर स्क्रोल करता येणार नाही असे मॉडेल |
वेबकिट बग #158342 | #१७६९५ |
सफारी (iOS) | :hover स्पर्श-अनुकूल वेबपृष्ठांवर चिकट बनवू नका |
वेबकिट बग #158517 | #१२८३२ |
सफारी (iOS) | मेनू position:fixed उघडल्यानंतर अदृश्य होणारे घटक<select> |
वेबकिट बग #162362 | #२०७५९ |
सफारी (iPad Pro) | घटकाच्या वंशजांचे प्रस्तुतीकरण position: fixed iPad Pro वर लँडस्केप ओरिएंटेशनमध्ये क्लिप केले जाते |
वेबकिट बग #152637 , ऍपल सफारी रडार #24030853 | #१८७३८ |
सर्वाधिक इच्छित वैशिष्ट्ये
वेब मानकांमध्ये निर्दिष्ट केलेली अनेक वैशिष्ट्ये आहेत जी आम्हाला बूटस्ट्रॅपला अधिक मजबूत, मोहक किंवा कार्यक्षम बनविण्यास अनुमती देतात, परंतु अद्याप विशिष्ट ब्राउझरमध्ये लागू केलेली नाहीत, त्यामुळे आम्हाला त्यांचा फायदा घेण्यापासून प्रतिबंधित करते.
आम्ही या "मोस्ट वॉन्टेड" वैशिष्ट्य विनंत्यांची येथे सार्वजनिकपणे यादी करतो, त्यांची अंमलबजावणी करण्याची प्रक्रिया जलद करण्याच्या आशेने.
ब्राउझर | वैशिष्ट्याचा सारांश | अपस्ट्रीम समस्या(चे) | बूटस्ट्रॅप समस्या(चे) |
---|---|---|---|
काठ | फोकस करण्यायोग्य घटकांनी फोकस इव्हेंट / प्राप्त केले पाहिजे :फोकस स्टाइलिंग जेव्हा त्यांना निवेदक/अॅक्सेसिबिलिटी फोकस प्राप्त होते | Microsoft A11y UserVoice कल्पना #16717318 | #२०७३२ |
काठ | सिलेक्टर लेव्हल 4 वरून :dir() स्यूडो-क्लास लागू करा |
एज युजरव्हॉइस आयडिया #१२२९९५३२ | #१९९८४ |
काठ | HTML5 <dialog> घटक लागू करा |
एज युजरव्हॉइस आयडिया #6508895 | #२०१७५ |
काठ | CSS संक्रमण रद्द झाल्यावर transitioncancel इव्हेंट फायर करा |
एज युजरव्हॉइस आयडिया #१५९३९८९८ | #२०६१८ |
काठ | छद्म-वर्गाचे कलम of <selector-list> लागू करा:nth-child() |
एज युजर व्हॉइस आयडिया #15944476 | #२०१४३ |
फायरफॉक्स | छद्म-वर्गाचे कलम of <selector-list> लागू करा:nth-child() |
मोझीला बग #854148 | #२०१४३ |
फायरफॉक्स | HTML5 <dialog> घटक लागू करा |
मोझीला बग #840640 | #२०१७५ |
फायरफॉक्स | जेव्हा व्हर्च्युअल फोकस एखाद्या बटणावर किंवा लिंकवर असतो, तेव्हा घटकावर देखील वास्तविक फोकस सक्रिय करा | मोझीला बग #1000082 | #२०७३२ |
क्रोम | CSS संक्रमण रद्द झाल्यावर transitioncancel इव्हेंट फायर करा |
Chromium समस्या #642487 | Chromium समस्या #437860 |
क्रोम | छद्म-वर्गाचे कलम of <selector-list> लागू करा:nth-child() |
Chromium समस्या #304163 | #२०१४३ |
क्रोम | सिलेक्टर लेव्हल 4 वरून :dir() स्यूडो-क्लास लागू करा |
Chromium समस्या #576815 | #१९९८४ |
सफारी | CSS संक्रमण रद्द झाल्यावर transitioncancel इव्हेंट फायर करा |
वेबकिट बग #161535 | #२०६१८ |
सफारी | सिलेक्टर लेव्हल 4 वरून :dir() स्यूडो-क्लास लागू करा |
वेबकिट बग #64861 | #१९९८४ |
सफारी | HTML5 <dialog> घटक लागू करा |
वेबकिट बग #84635 | #२०१७५ |