ব্রাউজার বাগ এর প্রাচীর
পুরানো বিষয়বস্তু
এই পৃষ্ঠাটি পুরানো এবং বুটস্ট্র্যাপের সর্বশেষ সংস্করণগুলির জন্য আর প্রযোজ্য নয়৷ এটি এখন সম্পূর্ণরূপে ঐতিহাসিক উদ্দেশ্যে এখানে রয়েছে এবং আমাদের পরবর্তী বড় রিলিজে সরিয়ে দেওয়া হবে।
বুটস্ট্র্যাপ বর্তমানে সম্ভাব্য সেরা ক্রস-ব্রাউজার অভিজ্ঞতা প্রদান করতে প্রধান ব্রাউজারগুলিতে বেশ কয়েকটি অসামান্য ব্রাউজার বাগ নিয়ে কাজ করে। কিছু বাগ, যেমন নীচে তালিকাভুক্ত, আমাদের দ্বারা সমাধান করা যাবে না।
আমরা সার্বজনীনভাবে ব্রাউজার বাগ তালিকাভুক্ত করি যেগুলি এখানে আমাদের প্রভাবিত করছে, সেগুলি সমাধানের প্রক্রিয়া ত্বরান্বিত করার আশায়৷ বুটস্ট্র্যাপের ব্রাউজার সামঞ্জস্যের বিষয়ে তথ্যের জন্য, আমাদের ব্রাউজার সামঞ্জস্যের ডক্স দেখুন ।
আরো দেখুন:
- Chromium সমস্যা 536263: [মেটা] বুটস্ট্র্যাপকে প্রভাবিত করে এমন সমস্যা
- মোজিলা বাগ 1230801: বুটস্ট্র্যাপকে প্রভাবিত করে এমন সমস্যাগুলি সমাধান করুন
- ওয়েবকিট বাগ 159753: [মেটা] বুটস্ট্র্যাপকে প্রভাবিত করে এমন সমস্যা
- jQuery এর ব্রাউজার বাগ সমাধান
ব্রাউজার(গুলি) | বাগের সারাংশ | আপস্ট্রিম সমস্যা(গুলি) | বুটস্ট্র্যাপ সমস্যা(গুলি) |
---|---|---|---|
প্রান্ত | স্ক্রোলযোগ্য মোডাল ডায়ালগে ভিজ্যুয়াল আর্টিফ্যাক্ট | এজ সমস্যা #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 |
ফায়ারফক্স | focus document ঘটনা বস্তুতে গুলি করা উচিত নয় |
মজিলা বাগ #1228802 | #18365 |
ফায়ারফক্স | প্রশস্ত ভাসমান টেবিলটি নতুন লাইনে মোড়ানো হয় না | মজিলা বাগ #1277782 | #19839 |
ফায়ারফক্স | মাউস কখনও কখনও উপাদানের মধ্যে থাকে না mouseenter যখন mouseleave এটি SVG উপাদানগুলির মধ্যে থাকে |
মজিলা বাগ #577785 | #19670 |
ফায়ারফক্স | প্রিন্ট করার সময় ভাসমান কলামের লেআউট ভেঙে যায় | মজিলা বাগ #1315994 | #21092 |
ফায়ারফক্স (উইন্ডোজ) | <select> স্ক্রীন অস্বাভাবিক রেজোলিউশনে সেট করা থাকলে মেনুর ডান সীমানা কখনও কখনও অনুপস্থিত থাকে |
মজিলা বাগ #545685 | #15990 |
ফায়ারফক্স (macOS এবং Linux) | ব্যাজ উইজেটের কারণে ট্যাব উইজেটের নিচের সীমানা অপ্রত্যাশিতভাবে ওভারল্যাপ হয় না | মজিলা বাগ #1259972 | #19626 |
Chrome (macOS) | উপরে <input type="number"> ইনক্রিমেন্ট বাটনে ক্লিক করলে ডিক্রিমেন্ট বোতামটি ফ্ল্যাশ করে। |
ক্রোমিয়াম সমস্যা #419108 | #8350 , Chromium সমস্যা #337668 |
ক্রোম | আলফা স্বচ্ছতার সাথে CSS অসীম লিনিয়ার অ্যানিমেশন মেমরি ফাঁস করে। | Chromium সমস্যা #429375 | #14409 |
ক্রোম | table-cell সীমানা সত্ত্বেও ওভারল্যাপিং নাmargin-right: -1px |
ক্রোমিয়াম সমস্যা #749848 | #17438 , #14237 |
ক্রোম | :hover স্পর্শ-বান্ধব ওয়েবপৃষ্ঠাগুলিতে স্টিকি করবেন না |
Chromium সমস্যা #370155 | #12832 |
ক্রোম | position: absolute যে উপাদানটি তার কলামের চেয়ে প্রশস্ত তা ভুলভাবে কলামের সীমানায় ক্লিপ করা হয়েছে |
Chromium সমস্যা #269061 | #20161 |
ক্রোম | তে ফন্টের সংখ্যার উপর নির্ভর করে পাঠ্য সহ গতিশীল SVG-এর জন্য উল্লেখযোগ্য কর্মক্ষমতা হিট font-family ৷ |
ক্রোমিয়াম সমস্যা #781344 | #24673 |
সাফারি | rem মিডিয়া ক্যোয়ারীগুলির ইউনিটগুলি ব্যবহার করে গণনা করা উচিত font-size: initial , মূল উপাদানের নয়font-size |
ওয়েবকিট বাগ #156684 | #17403 |
সাফারি | আইডি এবং ট্যাবিন্ডেক্স সহ কন্টেইনারের সাথে লিঙ্ক করার ফলে কন্টেইনারটি ভয়েসওভার দ্বারা উপেক্ষা করা হয় (লিঙ্কগুলি এড়িয়ে যাওয়াকে প্রভাবিত করে) | ওয়েবকিট বাগ #163658 | #20732 |
সাফারি | সিএসএস min-width এবং max-width মিডিয়া বৈশিষ্ট্যগুলি ভগ্নাংশ পিক্সেলের বৃত্তাকার হওয়া উচিত নয় |
ওয়েবকিট বাগ #178261 | #25166 |
Safari (macOS) | px , em , এবং rem পৃষ্ঠা জুম প্রয়োগ করা হলে মিডিয়া ক্যোয়ারীতে সকলের একই আচরণ করা উচিত |
ওয়েবকিট বাগ #156687 | #17403 |
Safari (macOS) | <input type="number"> কিছু উপাদান সহ অদ্ভুত বোতাম আচরণ . |
ওয়েবকিট বাগ #137269 , অ্যাপল সাফারি রাডার #18834768 | #8350 , সাধারণীকরণ #283 , Chromium সমস্যা #337668 |
Safari (macOS) | নির্দিষ্ট-প্রস্থের সাথে ওয়েবপেজ প্রিন্ট করার সময় ছোট ফন্টের আকার .container । |
ওয়েবকিট বাগ #138192 , অ্যাপল সাফারি রাডার #19435018 | #14868 |
সাফারি (iOS) | transform: translate3d(0,0,0); রেন্ডারিং বাগ |
ওয়েবকিট বাগ #138162 , অ্যাপল সাফারি রাডার #18804973 | #14603 |
সাফারি (iOS) | পৃষ্ঠাটি স্ক্রোল করার সময় পাঠ্য ইনপুটের কার্সার সরে না। | ওয়েবকিট বাগ #138201 , অ্যাপল সাফারি রাডার #18819624 | #14708 |
সাফারি (iOS) | পাঠ্যের দীর্ঘ স্ট্রিং প্রবেশ করার পরে পাঠ্যের শুরুতে কার্সার সরানো যাবে না৷<input type="text"> |
ওয়েবকিট বাগ #148061 , অ্যাপল সাফারি রাডার #22299624 | #16988 |
সাফারি (iOS) | display: block টেম্পোরাল <input> s-এর টেক্সট উল্লম্বভাবে মিসলাইনড হয়ে যায় |
ওয়েবকিট বাগ #139848 , অ্যাপল সাফারি রাডার #19434878 | #11266 , #13098 |
সাফারি (iOS) | ট্যাপ করা ইভেন্টগুলি চালু <body> করে নাclick |
ওয়েবকিট বাগ #151933 | #16028 |
সাফারি (iOS) | position:fixed iPhone 6S+ Safari-এ ট্যাব বার দৃশ্যমান হলে ভুলভাবে অবস্থান করা হয় |
ওয়েবকিট বাগ #153056 | #18859 |
সাফারি (iOS) | <input> একটি উপাদানের মধ্যে ট্যাপ করা position:fixed পৃষ্ঠার শীর্ষে স্ক্রোল করে |
ওয়েবকিট বাগ #153224 , অ্যাপল সাফারি রাডার #24235301 | #17497 |
সাফারি (iOS) | <body> CSS সহ overflow:hidden iOS এ স্ক্রোলযোগ্য |
ওয়েবকিট বাগ #153852 | #14839 |
সাফারি (iOS) | position:fixed উপাদানের পাঠ্য ক্ষেত্রে স্ক্রোল অঙ্গভঙ্গি কখনও কখনও <body> স্ক্রোলযোগ্য পূর্বপুরুষের পরিবর্তে স্ক্রোল করে |
ওয়েবকিট বাগ #153856 | #14839 |
সাফারি (iOS) | -webkit-overflow-scrolling: touch যুক্ত টেক্সটটি লম্বা করার পরে সহ মডেলটি স্ক্রোলযোগ্য হয়ে ওঠে না |
ওয়েবকিট বাগ #158342 | #17695 |
সাফারি (iOS) | :hover স্পর্শ-বান্ধব ওয়েবপৃষ্ঠাগুলিতে স্টিকি করবেন না |
ওয়েবকিট বাগ #158517 | #12832 |
সাফারি (iOS) | উপাদান যা একটি মেনু position:fixed খোলার পরে অদৃশ্য হয়ে যায়<select> |
ওয়েবকিট বাগ #162362 | #20759 |
সাফারি (আইপ্যাড প্রো) | position: fixed ল্যান্ডস্কেপ ওরিয়েন্টেশনে আইপ্যাড প্রোতে উপাদানের বংশধরের রেন্ডারিং ক্লিপ করা হয় |
ওয়েবকিট বাগ #152637 , অ্যাপল সাফারি রাডার #24030853 | #18738 |
মোস্ট ওয়ান্টেড ফিচার
ওয়েব স্ট্যান্ডার্ডে নির্দিষ্ট কিছু বৈশিষ্ট্য রয়েছে যা আমাদের বুটস্ট্র্যাপকে আরও মজবুত, মার্জিত বা পারফরম্যান্স করতে দেয়, কিন্তু এখনও কিছু ব্রাউজারে প্রয়োগ করা হয়নি, এইভাবে আমাদেরকে সেগুলির সুবিধা নেওয়া থেকে বাধা দেয়।
আমরা এখানে এই "সবচেয়ে বেশি কাঙ্ক্ষিত" বৈশিষ্ট্যের অনুরোধগুলিকে সর্বজনীনভাবে তালিকাভুক্ত করি, সেগুলি কার্যকর করার প্রক্রিয়াটি ত্বরান্বিত করার আশায়৷
ব্রাউজার(গুলি) | বৈশিষ্ট্যের সারাংশ | আপস্ট্রিম সমস্যা(গুলি) | বুটস্ট্র্যাপ সমস্যা(গুলি) |
---|---|---|---|
প্রান্ত | ফোকাসযোগ্য উপাদানগুলিকে ফোকাস ইভেন্ট/রিসিভ করা উচিত :ফোকাস স্টাইলিং যখন তারা বর্ণনাকারী/অ্যাক্সেসিবিলিটি ফোকাস পায় | Microsoft A11y UserVoice ধারণা #16717318 | #20732 |
প্রান্ত | নির্বাচক স্তর 4 থেকে :dir() ছদ্ম-শ্রেণী প্রয়োগ করুন |
এজ ইউজারভয়েস আইডিয়া #12299532 | #19984 |
প্রান্ত | HTML5 উপাদান প্রয়োগ করুন<dialog> |
এজ ইউজারভয়েস আইডিয়া #6508895 | #20175 |
প্রান্ত | CSS ট্রানজিশন বাতিল হলে একটি transitioncancel ইভেন্ট ফায়ার করুন |
এজ ইউজারভয়েস আইডিয়া #15939898 | #20618 |
প্রান্ত | ছদ্ম-শ্রেণীর of <selector-list> ধারাটি বাস্তবায়ন কর:nth-child() |
এজ ইউজারভয়েস আইডিয়া #15944476 | #20143 |
ফায়ারফক্স | ছদ্ম-শ্রেণীর of <selector-list> ধারাটি বাস্তবায়ন কর:nth-child() |
মজিলা বাগ #854148 | #20143 |
ফায়ারফক্স | HTML5 উপাদান প্রয়োগ করুন<dialog> |
মজিলা বাগ #840640 | #20175 |
ফায়ারফক্স | ভার্চুয়াল ফোকাস যখন একটি বোতাম বা লিঙ্কে থাকে, তখন উপাদানটির উপরও প্রকৃত ফোকাস গুলি করে | মজিলা বাগ #1000082 | #20732 |
ক্রোম | CSS ট্রানজিশন বাতিল হলে একটি transitioncancel ইভেন্ট ফায়ার করুন |
Chromium সমস্যা #642487 | Chromium সমস্যা #437860 |
ক্রোম | ছদ্ম-শ্রেণীর of <selector-list> ধারাটি বাস্তবায়ন কর:nth-child() |
Chromium সমস্যা #304163 | #20143 |
ক্রোম | নির্বাচক স্তর 4 থেকে :dir() ছদ্ম-শ্রেণী প্রয়োগ করুন |
Chromium সমস্যা #576815 | #19984 |
সাফারি | CSS ট্রানজিশন বাতিল হলে একটি transitioncancel ইভেন্ট ফায়ার করুন |
ওয়েবকিট বাগ #161535 | #20618 |
সাফারি | নির্বাচক স্তর 4 থেকে :dir() ছদ্ম-শ্রেণী প্রয়োগ করুন |
ওয়েবকিট বাগ #64861 | #19984 |
সাফারি | HTML5 উপাদান প্রয়োগ করুন<dialog> |
ওয়েবকিট বাগ #84635 | #20175 |