Source

ব্ৰাউজাৰ বাগসমূহৰ দেৱাল

বুটষ্ট্ৰেপে বৰ্তমানে সম্ভৱপৰ উত্তম ক্ৰছ-ব্ৰাউজাৰ অভিজ্ঞতা প্ৰদান কৰিবলে প্ৰধান ব্ৰাউজাৰসমূহত কেইবাটাও অসাধাৰণ ব্ৰাউজাৰ বাগসমূহৰ চাৰিওফালে কাম কৰে। তলত উল্লেখ কৰা বাগবোৰৰ দৰে কিছুমান বাগ আমাৰ দ্বাৰা সমাধান কৰিব নোৱাৰি।

আমি ইয়াত আমাক প্ৰভাৱিত কৰা ব্ৰাউজাৰ বাগসমূহ ৰাজহুৱাভাৱে তালিকাভুক্ত কৰোঁ, সেইবোৰ সমাধানৰ প্ৰক্ৰিয়া ক্ষিপ্ৰ কৰাৰ আশাত। Bootstrap ৰ ব্ৰাউজাৰ সুসংগততাৰ বিষয়ে তথ্যৰ বাবে, আমাৰ ব্ৰাউজাৰ সুসংগততা নথিপত্ৰ চাওক ।

এইটোও চাওক:

ব্ৰাউজাৰ(সমূহ)	বাগৰ সাৰাংশ	আপস্ট্ৰিম বাগ(সমূহ)	বুটষ্ট্ৰেপ সমস্যা(সমূহ)
প্ৰান্ত	স্ক্ৰলযোগ্য মডাল সংলাপসমূহত দৃশ্যমান আৰ্টিফেক্টসমূহ	এজ ইছ্যু #9011176	#২০৭৫৫
প্ৰান্ত	প্ৰথম কিবৰ্ড ফ'কাচত প্ৰদৰ্শনৰ বাবে স্থানীয় ব্ৰাউজাৰ সঁজুলিটিপ `title`(স্বনিৰ্বাচিত সঁজুলিটিপ উপাদানৰ উপৰিও)	এজ ইছ্যু #৬৭৯৩৫৬০	#১৮৬৯২
প্ৰান্ত	স্ক্ৰল কৰাৰ পিছতো হোভাৰ কৰা উপাদান `:hover`অৱস্থাত থাকে।	এজ ইছ্যু #৫৩৮১৬৭৩	#১৪২১১
প্ৰান্ত	CSS এ কেতিয়াবা মূল উপাদানৰ `border-radius`ব্লিড-থ্ৰুৰ ৰেখাৰ সৃষ্টি কৰে ।`background-color`	এজ ইছ্যু #৩৩৪২০৩৭	#১৬৬৭১
প্ৰান্ত	`background`of `<tr>`কেৱল শাৰীৰ সকলো কোষৰ পৰিৱৰ্তে প্ৰথম সন্তান কোষত প্ৰয়োগ কৰা হয়	এজ ইছ্যু #৫৮৬৫৬২০	#১৮৫০৪
প্ৰান্ত	`@-ms-viewport{width: device-width;}`স্ক্ৰলবাৰসমূহক স্বয়ংক্ৰিয়ভাৱে লুকুৱাই ৰখাৰ পাৰ্শ্বক্ৰিয়া আছে	এজ ইছ্যু #7165383	#১৮৫৪৩
প্ৰান্ত	তলৰ স্তৰৰ পৰা পটভূমিৰ ৰং কিছুমান ক্ষেত্ৰত স্বচ্ছ সীমাৰ মাজেৰে তেজ ওলায়	এজ ইছ্যু #৬২৭৪৫০৫	#১৮২২৮
প্ৰান্ত	বংশধৰ SVG উপাদানৰ ওপৰত উৰি থকাটোৱে `mouseleave`পূৰ্বপুৰুষৰ ওপৰত ইভেন্ট জ্বলাই দিয়ে	এজ ইছ্যু #7787318	#১৯৬৭০ চনত
প্ৰান্ত	স্ক্ৰল কৰাৰ সময়ত সক্ৰিয় `position: fixed;` `<button>`টিপটিপিয়া হয়	এজ ইছ্যু #৮৭৭০৩৯৮	#২০৫০৭
ফায়াৰফক্স	`.table-bordered`এটা খালীৰ সৈতে `<tbody>`সীমা নোহোৱা হৈছে।	মোজিলা বাগ #1023761	#১৩৪৫৩
ফায়াৰফক্স	যদি এটা প্ৰপত্ৰ নিয়ন্ত্ৰণৰ নিষ্ক্ৰিয় অৱস্থা জাভাস্ক্রিপ্টৰ যোগেদি সলনি কৰা হয়, পৃষ্ঠা সতেজ কৰাৰ পিছত সাধাৰণ অৱস্থা ঘূৰি নাহে।	মোজিলা বাগ #654072	#৭৯৩
ফায়াৰফক্স	`focusdocument`বস্তুটোৰ ওপৰত ইভেণ্টবোৰ গুলী চলাব নালাগে	মোজিলা বাগ #1228802	#১৮৩৬৫
ফায়াৰফক্স	বহল ভাসমান টেবুল নতুন লাইনত মোহাৰি নাযায়	মোজিলা বাগ #1277782	#১৯৮৩৯
ফায়াৰফক্স	`mouseenter`মাউছ কেতিয়াবা উপাদানৰ ভিতৰত নহয় / উদ্দেশ্যৰ বাবে `mouseleave`যেতিয়া ই SVG উপাদানসমূহৰ ভিতৰত থাকে	মোজিলা বাগ #577785	#১৯৬৭০ চনত
ফায়াৰফক্স	ভাসমান স্তম্ভৰ সৈতে বিন্যাস প্ৰিন্ট কৰাৰ সময়ত ভাঙি যায়	মোজিলা বাগ #1315994	#২১০৯২
ফায়াৰফক্স (উইণ্ড'জ)	`<select>`পৰ্দাক অস্বাভাৱিক ৰিজ'লিউচনলৈ সংহতি কৰিলে মেনুৰ সোঁ সীমা কেতিয়াবা অনুপস্থিত হয়	মোজিলা বাগ #545685	#১৫৯৯০
ফায়াৰফক্স (macOS আৰু লিনাক্স)	বেজ ৱিজেটে টেবছ ৱিজেটৰ তলৰ সীমা অপ্ৰত্যাশিতভাৱে ওভাৰলেপ নকৰে	মোজিলা বাগ #1259972	#১৯৬২৬
Chrome (এন্ড্রইড)	`<input>`এটা স্ক্ৰ'লযোগ্য অভাৰলেত এটাত টেপ কৰিলে `<input>`দৃশ্যত স্ক্ৰ'ল নহয়	ক্ৰ'মিয়াম সংখ্যা #595210	#১৭৩৩৮
ক্ৰম (macOS)	ওপৰত `<input type="number">`বৃদ্ধি বুটাম ক্লিক কৰিলে হ্ৰাস বুটামটো ফিচফিচাই পৰে।	ক্ৰ'মিয়াম সংখ্যা #419108	#8350 & ক্ৰ'মিয়াম সংখ্যা #337668 ৰ শাখা
Chrome	আলফা স্বচ্ছতাৰ সৈতে CSS অসীম ৰৈখিক এনিমেচনে মেমৰি লিক কৰে।	ক্ৰ'মিয়াম সংখ্যা #429375	#১৪৪০৯
Chrome	`table-cell`সীমা অতিক্ৰম নকৰা সত্ত্বেও`margin-right: -1px`	ক্ৰ'মিয়াম সংখ্যা #749848	#১৭৪৩৮ , #১৪২৩৭
Chrome	`<select multiple>`অভাৰফ্ল'ড বিকল্পসমূহৰ সৈতে স্ক্ৰলবাৰ ইন ক্লিক কৰিলে ওচৰত নিৰ্ব্বাচন হ'ব`<option>`	ক্ৰ'মিয়াম সংখ্যা #597642	#১৯৮১০ চনত
Chrome	`:hover`স্পৰ্শ-বন্ধুত্বপূৰ্ণ ৱেবপেজত আঠাযুক্ত নকৰিব	ক্ৰ'মিয়াম সংখ্যা #370155	#১২৮৩২
Chrome	`position: absolute`ইয়াৰ স্তম্ভতকৈ বহল উপাদানটো স্তম্ভৰ সীমালৈ ভুলকৈ ক্লিপ কৰা হৈছে	ক্ৰ'মিয়াম সংখ্যা #269061	#২০১৬১
Chrome (উইণ্ড'জ আৰু লিনাক্স)	টেব লুকুৱাই ৰখাৰ সময়ত এনিমেচন সংঘটিত হোৱাৰ পিছত নিষ্ক্ৰিয় টেবলৈ ঘূৰি অহাৰ সময়ত এনিমেচন গ্লিচ।	ক্ৰ'মিয়াম সংখ্যা #449180	#১৫২৯৮
Chrome	লিখনীৰ সৈতে গতিশীল SVGs ৰ বাবে গুৰুত্বপূৰ্ণ পৰিৱেশন আঘাত `font-family`.	ক্ৰ'মিয়াম সংখ্যা #781344	#২৪৬৭৩
ছাফাৰী	`rem`মাধ্যম প্ৰশ্নসমূহত এককসমূহ `font-size: initial`ৰূট উপাদানৰ নহয়, ব্যৱহাৰ কৰি গণনা কৰিব লাগে`font-size`	ৱেবকিট বাগ #156684	#১৭৪০৩
ছাফাৰী	id আৰু tabindex ৰ সৈতে ধাৰকলৈ সংযোগ কৰাৰ ফলত ধাৰকক VoiceOver দ্বাৰা আওকাণ কৰা হয় (সংযোগ এৰি যাওক প্ৰভাৱিত কৰে)	ৱেবকিট বাগ #163658	#২০৭৩২
ছাফাৰী	CSS `min-width`আৰু `max-width`মাধ্যম বৈশিষ্ট্যসমূহে ভগ্নাংশ পিক্সেল ঘূৰণীয়া কৰিব নালাগে	ৱেবকিট বাগ #178261	#২৫১৬৬
ছাফাৰী (macOS)	`px`, `em`, আৰু `rem`পৃষ্ঠা জুম প্ৰয়োগ কৰাৰ সময়ত মাধ্যম প্ৰশ্নসমূহত সকলোৱে একে আচৰণ কৰিব লাগে	ৱেবকিট বাগ #156687	#১৭৪০৩
ছাফাৰী (macOS)	`<input type="number">`কিছুমান উপাদানৰ সৈতে অদ্ভুত বুটামৰ আচৰণ ।	ৱেবকিট বাগ #137269 , এপল ছাফাৰী ৰাডাৰ #18834768	#8350 , স্বাভাৱিক #283 , ক্ৰ'মিয়াম সমস্যা #337668
ছাফাৰী (macOS)	নিৰ্দিষ্ট-প্ৰস্থৰ সৈতে ৱেবপৃষ্ঠা প্ৰিন্ট কৰাৰ সময়ত সৰু আখৰৰ আকাৰ `.container`।	ৱেবকিট বাগ #138192 , এপল ছাফাৰী ৰাডাৰ #19435018	#১৪৮৬৮
ছাফাৰী (iOS)	`transform: translate3d(0,0,0);`ৰেণ্ডাৰ বাগ।	ৱেবকিট বাগ #138162 , এপল ছাফাৰী ৰাডাৰ #18804973	#১৪৬০৩
ছাফাৰী (iOS)	পৃষ্ঠাটো স্ক্ৰল কৰাৰ সময়ত টেক্সট ইনপুটৰ কাৰ্চাৰ লৰচৰ নকৰে।	ৱেবকিট বাগ #138201 , এপল ছাফাৰী ৰাডাৰ #18819624	#১৪৭০৮
ছাফাৰী (iOS)	লিখনীৰ দীঘল ষ্ট্ৰিং প্ৰৱেশ কৰাৰ পিছত কাৰ্চাৰক লিখনীৰ আৰম্ভণিলৈ লৈ যাব নোৱাৰি`<input type="text">`	ৱেবকিট বাগ #148061 , এপল ছাফাৰী ৰাডাৰ #22299624	#১৬৯৮৮
ছাফাৰী (iOS)	`display: block`টেম্প'ৰেল `<input>`s ৰ লিখনী উলম্বভাৱে ভুলকৈ প্ৰান্তিককৃত কৰি তোলে	ৱেবকিট বাগ #139848 , এপল ছাফাৰী ৰাডাৰ #19434878	#১১২৬৬ , #১৩০৯৮
ছাফাৰী (iOS)	টেপ কৰিলে ইভেন্টবোৰ `<body>`জুই নিদিয়ে`click`	ৱেবকিট বাগ #151933	#১৬০২৮
ছাফাৰী (iOS)	`position:fixed`iPhone 6S+ Safari ত টেব বাৰ দৃশ্যমান হ'লে ভুলকৈ স্থাপন কৰা হয়	ৱেবকিট বাগ #153056	#১৮৮৫৯
ছাফাৰী (iOS)	`<input>`এটা উপাদানৰ ভিতৰত এটাত টেপ `position:fixed`কৰিলে পৃষ্ঠাৰ ওপৰলৈ স্ক্ৰল হয়	ৱেবকিট বাগ #153224 , এপল ছাফাৰী ৰাডাৰ #24235301	#১৭৪৯৭
ছাফাৰী (iOS)	`<body>overflow:hidden`CSS ৰ সৈতে iOS ত স্ক্ৰল কৰিব পৰা যায়	ৱেবকিট বাগ #153852	#১৪৮৩৯
ছাফাৰী (iOS)	উপাদানত লিখনী ক্ষেত্ৰত স্ক্ৰল ইংগিত `position:fixed`কেতিয়াবা স্ক্ৰল `<body>`কৰিব পৰা পূৰ্বপুৰুষৰ পৰিৱৰ্তে স্ক্ৰল কৰে	ৱেবকিট বাগ #153856	#১৪৮৩৯
ছাফাৰী (iOS)	`-webkit-overflow-scrolling: touch`যোগ কৰা লিখনীয়ে ইয়াক ওখ কৰাৰ পিছত Modal with স্ক্ৰলযোগ্য নহয়	ৱেবকিট বাগ #158342	#১৭৬৯৫
ছাফাৰী (iOS)	`:hover`স্পৰ্শ-বন্ধুত্বপূৰ্ণ ৱেবপেজত আঠাযুক্ত নকৰিব	ৱেবকিট বাগ #158517	#১২৮৩২
ছাফাৰী (iOS)	উপাদান যিটো এটা মেনু `position:fixed`খোলাৰ পিছত নোহোৱা হৈ যায়`<select>`	ৱেবকিট বাগ #162362	#২০৭৫৯
ছাফাৰী (আইপেড প্ৰ')	উপাদানৰ বংশধৰ ৰেণ্ডাৰ `position: fixed`লেণ্ডস্কেপ অৰিয়েণ্টেচনত আইপেড প্ৰ'ত ক্লিপ কৰা হয়	ৱেবকিট বাগ #152637 , এপল ছাফাৰী ৰাডাৰ #24030853	#১৮৭৩৮

অধিকাংশ বিচৰা বৈশিষ্ট্য

ৱেব প্ৰামাণিকসমূহত ধাৰ্য্য কৰা কেইবাটাও বৈশিষ্ট্য আছে যিয়ে আমাক বুটষ্ট্ৰেপক অধিক শক্তিশালী, মাৰ্জিত, বা পৰিৱেশনশীল কৰিবলৈ অনুমতি দিব, কিন্তু এতিয়াও কিছুমান ব্ৰাউজাৰত প্ৰণয়ন কৰা হোৱা নাই, যাৰ ফলত আমি সিহতৰ সুবিধা লোৱাত বাধা দিয়ে।

আমি ইয়াত এই “সৰ্বাধিক বিচৰা” বৈশিষ্ট্য অনুৰোধসমূহ ৰাজহুৱাভাৱে তালিকাভুক্ত কৰোঁ, ইয়াক কাৰ্যকৰী কৰাৰ প্ৰক্ৰিয়া ক্ষিপ্ৰ কৰাৰ আশাত।

ব্ৰাউজাৰ(সমূহ)	বৈশিষ্ট্যৰ সাৰাংশ	আপষ্ট্ৰিম সমস্যা(সমূহ)	বুটষ্ট্ৰেপ সমস্যা(সমূহ)
প্ৰান্ত	ফ'কাচযোগ্য উপাদানসমূহে ফ'কাচ ইভেন্ট / ৰিচিভ :ফ'কাচ ষ্টাইলিং জুই দিব লাগে যেতিয়া তেওঁলোকে নেৰেটৰ/এক্সেচিবিলিটি ফ'কাচ লাভ কৰে	মাইক্ৰ'ছফ্ট A11y ব্যৱহাৰকাৰীভইচ ধাৰণা #16717318	#২০৭৩২
প্ৰান্ত	নিৰ্বাচক স্তৰ 4 ৰ পৰা `:dir()`ছ্যুডো-শ্ৰেণী প্ৰণয়ন কৰক	এজ ইউজাৰভইচ ধাৰণা #12299532	#১৯৯৮৪
প্ৰান্ত	HTML5 `<dialog>`উপাদানটো প্ৰণয়ন কৰক	এজ ইউজাৰভইচ ধাৰণা #6508895	#২০১৭৫ চনত
প্ৰান্ত	এটা CSS পৰিৱৰ্তন বাতিল হ'লে এটা `transitioncancel`ইভেন্ট জুই কৰক	এজ ইউজাৰভইচ আইডিয়া #15939898	#২০৬১৮
প্ৰান্ত	ছদ্ম শ্ৰেণীৰ `of <selector-list>`দফাটো কাৰ্যকৰী কৰা`:nth-child()`	এজ ইউজাৰভইচ ধাৰণা #15944476	#২০১৪৩
ফায়াৰফক্স	ছদ্ম শ্ৰেণীৰ `of <selector-list>`দফাটো কাৰ্যকৰী কৰা`:nth-child()`	মোজিলা বাগ #854148	#২০১৪৩
ফায়াৰফক্স	HTML5 `<dialog>`উপাদানটো প্ৰণয়ন কৰক	মোজিলা বাগ #840640	#২০১৭৫ চনত
ফায়াৰফক্স	যেতিয়া ভাৰ্চুৱেল ফ'কাচ এটা বুটাম বা লিংকত থাকে, উপাদানটোৰ ওপৰতো প্ৰকৃত ফ'কাচ জ্বলাই দিয়ক	মোজিলা বাগ #1000082	#২০৭৩২
Chrome	এটা CSS পৰিৱৰ্তন বাতিল হ'লে এটা `transitioncancel`ইভেন্ট জুই কৰক	ক্ৰ'মিয়াম সংখ্যা #642487	ক্ৰ'মিয়াম সংখ্যা #437860
Chrome	ছদ্ম শ্ৰেণীৰ `of <selector-list>`দফাটো কাৰ্যকৰী কৰা`:nth-child()`	ক্ৰ'মিয়াম সংখ্যা #304163	#২০১৪৩
Chrome	নিৰ্বাচক স্তৰ 4 ৰ পৰা `:dir()`ছ্যুডো-শ্ৰেণী প্ৰণয়ন কৰক	ক্ৰ'মিয়াম সংখ্যা #576815	#১৯৯৮৪
ছাফাৰী	এটা CSS পৰিৱৰ্তন বাতিল হ'লে এটা `transitioncancel`ইভেন্ট জুই কৰক	ৱেবকিট বাগ #161535	#২০৬১৮
ছাফাৰী	নিৰ্বাচক স্তৰ 4 ৰ পৰা `:dir()`ছ্যুডো-শ্ৰেণী প্ৰণয়ন কৰক	ৱেবকিট বাগ #64861	#১৯৯৮৪
ছাফাৰী	HTML5 `<dialog>`উপাদানটো প্ৰণয়ন কৰক	ৱেবকিট বাগ #84635	#২০১৭৫ চনত