Source

ব্রাউজার বাগ এর প্রাচীর

বুটস্ট্র্যাপ বর্তমানে সম্ভাব্য সেরা ক্রস-ব্রাউজার অভিজ্ঞতা প্রদান করতে প্রধান ব্রাউজারগুলিতে বেশ কয়েকটি অসামান্য ব্রাউজার বাগ নিয়ে কাজ করে। কিছু বাগ, যেমন নীচে তালিকাভুক্ত, আমাদের দ্বারা সমাধান করা যাবে না।

আমরা সার্বজনীনভাবে ব্রাউজার বাগ তালিকাভুক্ত করি যেগুলি এখানে আমাদের প্রভাবিত করছে, সেগুলি সমাধানের প্রক্রিয়া ত্বরান্বিত করার আশায়৷ বুটস্ট্র্যাপের ব্রাউজার সামঞ্জস্যের বিষয়ে তথ্যের জন্য, আমাদের ব্রাউজার সামঞ্জস্যের ডক্স দেখুন ।

আরো দেখুন:

ব্রাউজার(গুলি)	বাগের সারাংশ	আপস্ট্রিম বাগ(গুলি)	বুটস্ট্র্যাপ সমস্যা(গুলি)
প্রান্ত	স্ক্রোলযোগ্য মোডাল ডায়ালগে ভিজ্যুয়াল আর্টিফ্যাক্ট	এজ সমস্যা #9011176	#20755
প্রান্ত	`title`প্রথম কীবোর্ড ফোকাসে দেখানোর জন্য নেটিভ ব্রাউজার টুলটিপ (কাস্টম টুলটিপ উপাদান ছাড়াও)	এজ সমস্যা #6793560	#18692
প্রান্ত	দূরে স্ক্রোল করার পরেও হোভার্ড উপাদানটি রয়ে গেছে `:hover`।	এজ সমস্যা #5381673	#14211
প্রান্ত	CSS কখনও কখনও প্যারেন্ট উপাদানের `border-radius`ব্লিড-থ্রু লাইন ঘটায় ।`background-color`	প্রান্ত সমস্যা #3342037	#16671
প্রান্ত	`background`সারির `<tr>`সমস্ত কক্ষের পরিবর্তে শুধুমাত্র প্রথম চাইল্ড কক্ষে প্রয়োগ করা হয়	এজ সমস্যা #5865620	#18504
প্রান্ত	`@-ms-viewport{width: device-width;}`স্ক্রলবার স্বয়ংক্রিয়-লুকান তৈরির পার্শ্ব-প্রতিক্রিয়া আছে	এজ সমস্যা #7165383	#18543
প্রান্ত	নীচের স্তর থেকে পটভূমির রঙ কিছু ক্ষেত্রে স্বচ্ছ সীমানা দিয়ে রক্তপাত হয়	প্রান্ত সমস্যা #6274505	#18228
প্রান্ত	ডিসেন্ড্যান্ট SVG এলিমেন্টের উপর ঘোরাফেরা করলে `mouseleave`পূর্বপুরুষের ঘটনা ঘটে	এজ সমস্যা #7787318	#19670
প্রান্ত	স্ক্রল করার সময় সক্রিয় `position: fixed;` `<button>`ফ্লিকার্স	এজ সমস্যা #8770398	#20507
ফায়ারফক্স	`.table-bordered`সঙ্গে একটি খালি `<tbody>`সীমানা অনুপস্থিত.	মজিলা বাগ #1023761	#13453
ফায়ারফক্স	যদি জাভাস্ক্রিপ্টের মাধ্যমে ফর্ম নিয়ন্ত্রণের অক্ষম অবস্থা পরিবর্তন করা হয়, তাহলে পৃষ্ঠাটি রিফ্রেশ করার পরে স্বাভাবিক অবস্থা ফিরে আসে না।	মজিলা বাগ #654072	#793
ফায়ারফক্স	`focusdocument`ঘটনা বস্তুতে গুলি করা উচিত নয়	মজিলা বাগ #1228802	#18365
ফায়ারফক্স	প্রশস্ত ভাসমান টেবিলটি নতুন লাইনে মোড়ানো হয় না	মজিলা বাগ #1277782	#19839
ফায়ারফক্স	মাউস কখনও কখনও উপাদানের মধ্যে থাকে না `mouseenter`যখন `mouseleave`এটি SVG উপাদানগুলির মধ্যে থাকে	মজিলা বাগ #577785	#19670
ফায়ারফক্স	প্রিন্ট করার সময় ভাসমান কলামের লেআউট ভেঙে যায়	মজিলা বাগ #1315994	#21092
ফায়ারফক্স (উইন্ডোজ)	`<select>`স্ক্রীন অস্বাভাবিক রেজোলিউশনে সেট করা থাকলে মেনুর ডান সীমানা কখনও কখনও অনুপস্থিত থাকে	মজিলা বাগ #545685	#15990
ফায়ারফক্স (macOS এবং Linux)	ব্যাজ উইজেটের কারণে ট্যাব উইজেটের নিচের সীমানা অপ্রত্যাশিতভাবে ওভারল্যাপ হয় না	মজিলা বাগ #1259972	#19626
ক্রোম (অ্যান্ড্রয়েড)	`<input>`একটি স্ক্রোলযোগ্য ওভারলেতে ট্যাপ `<input>`করা ভিউতে স্ক্রোল করে না	Chromium সমস্যা #595210	#17338
Chrome (macOS)	উপরে `<input type="number">`ইনক্রিমেন্ট বাটনে ক্লিক করলে ডিক্রিমেন্ট বোতামটি ফ্ল্যাশ করে।	ক্রোমিয়াম সমস্যা #419108	#8350 এবং Chromium সমস্যা #337668 এর অফশুট
ক্রোম	আলফা স্বচ্ছতার সাথে CSS অসীম লিনিয়ার অ্যানিমেশন মেমরি ফাঁস করে।	Chromium সমস্যা #429375	#14409
ক্রোম	`table-cell`সীমানা সত্ত্বেও ওভারল্যাপিং না`margin-right: -1px`	ক্রোমিয়াম সমস্যা #749848	#17438 , #14237
ক্রোম	`<select multiple>`ওভারফ্লোড বিকল্পগুলির সাথে স্ক্রলবারে ক্লিক করলে কাছাকাছি নির্বাচন করা হবে`<option>`	ক্রোমিয়াম সমস্যা #597642	#19810
ক্রোম	`:hover`স্পর্শ-বান্ধব ওয়েবপৃষ্ঠাগুলিতে স্টিকি করবেন না	Chromium সমস্যা #370155	#12832
ক্রোম	`position: absolute`যে উপাদানটি তার কলামের চেয়ে প্রশস্ত তা ভুলভাবে কলামের সীমানায় ক্লিপ করা হয়েছে	Chromium সমস্যা #269061	#20161
ক্রোম (উইন্ডোজ ও লিনাক্স)	ট্যাব লুকানোর সময় অ্যানিমেশন হওয়ার পরে নিষ্ক্রিয় ট্যাবে ফিরে আসার সময় অ্যানিমেশন সমস্যা।	ক্রোমিয়াম সমস্যা #449180	#15298
ক্রোম	তে ফন্টের সংখ্যার উপর নির্ভর করে পাঠ্য সহ গতিশীল 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