ব্রাউজার বাগ ওয়াল · বুটস্ট্র্যাপ বাংলায়

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

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

আরো দেখুন:

ব্রাউজার(গুলি)	বাগের সারাংশ	আপস্ট্রিম বাগ(গুলি)	বুটস্ট্র্যাপ সমস্যা(গুলি)
মাইক্রোসফট এজ	`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
ফায়ারফক্স	মাউস কখনও কখনও উপাদানের মধ্যে থাকে না `mouseenter`যখন `mouseleave`এটি SVG উপাদানগুলির মধ্যে থাকে	মজিলা বাগ #577785	#19670
ফায়ারফক্স	`position: absolute`যে উপাদানটি এর কলামের চেয়ে প্রশস্ত তা অন্যান্য ব্রাউজারগুলির থেকে ভিন্নভাবে রেন্ডার করে	মজিলা বাগ #1282363	#20161
ফায়ারফক্স (উইন্ডোজ)	`<select>`স্ক্রীন অস্বাভাবিক রেজোলিউশনে সেট করা থাকলে মেনুর ডান সীমানা কখনও কখনও অনুপস্থিত থাকে	মজিলা বাগ #545685	#15990
ফায়ারফক্স (ওএস এক্স এবং লিনাক্স)	ব্যাজ উইজেটের কারণে ট্যাব উইজেটের নিচের সীমানা অপ্রত্যাশিতভাবে ওভারল্যাপ হয় না	মজিলা বাগ #1259972	#19626
ক্রোম (অ্যান্ড্রয়েড)	`<input>`একটি স্ক্রোলযোগ্য ওভারলেতে ট্যাপ `<input>`করা ভিউতে স্ক্রোল করে না	Chromium সমস্যা #595210	#17338
ক্রোম (ওএস এক্স)	উপরে `<input type="number">`ইনক্রিমেন্ট বাটনে ক্লিক করলে ডিক্রিমেন্ট বোতামটি ফ্ল্যাশ করে।	ক্রোমিয়াম সমস্যা #419108	#8350 এবং Chromium সমস্যা #337668 এর অফশুট
ক্রোম	আলফা স্বচ্ছতার সাথে CSS অসীম লিনিয়ার অ্যানিমেশন মেমরি ফাঁস করে।	Chromium সমস্যা #429375	#14409
ক্রোম	`:focus` `outline`শৈলীর কারণে একটি `readonly` `<input>`রিড-রাইট টগল করার সময় কার্সার প্রদর্শিত হয় না।	ক্রোমিয়াম সমস্যা #465274	#16022
ক্রোম	`table-cell`সীমানা সত্ত্বেও ওভারল্যাপিং না`margin-right: -1px`	Chromium সমস্যা #534750	#17438 , #14237
ক্রোম	`<select multiple>`ওভারফ্লোড বিকল্পগুলির সাথে স্ক্রলবারে ক্লিক করলে কাছাকাছি নির্বাচন করা হবে`<option>`	ক্রোমিয়াম সমস্যা #597642	#19810
ক্রোম	`:hover`স্পর্শ-বান্ধব ওয়েবপৃষ্ঠাগুলিতে স্টিকি করবেন না	Chromium সমস্যা #370155	#12832
ক্রোম (উইন্ডোজ ও লিনাক্স)	ট্যাব লুকানোর সময় অ্যানিমেশন হওয়ার পরে নিষ্ক্রিয় ট্যাবে ফিরে আসার সময় অ্যানিমেশন সমস্যা।	ক্রোমিয়াম সমস্যা #449180	#15298
সাফারি	`rem`মিডিয়া ক্যোয়ারীগুলির ইউনিটগুলি ব্যবহার করে গণনা করা উচিত `font-size: initial`, মূল উপাদানের নয়`font-size`	ওয়েবকিট বাগ #156684	#17403
সাফারি (ওএস এক্স)	`px`, `em`, এবং `rem`পৃষ্ঠা জুম প্রয়োগ করা হলে মিডিয়া ক্যোয়ারীতে সকলের একই আচরণ করা উচিত	ওয়েবকিট বাগ #156687	#17403
সাফারি (ওএস এক্স)	`<input type="number">`কিছু উপাদান সহ অদ্ভুত বোতাম আচরণ .	ওয়েবকিট বাগ #137269 , অ্যাপল সাফারি রাডার #18834768	#8350 , সাধারণীকরণ #283 , Chromium সমস্যা #337668
সাফারি (ওএস এক্স)	নির্দিষ্ট-প্রস্থের সাথে ওয়েবপেজ প্রিন্ট করার সময় ছোট ফন্টের আকার `.container`।	ওয়েবকিট বাগ #138192 , অ্যাপল সাফারি রাডার #19435018	#14868
সাফারি (আইপ্যাড)	`<select>`আইপ্যাডের মেনু হিট-টেস্টিং এরিয়াগুলোকে স্থানান্তরিত করে	ওয়েবকিট বাগ #150079 , অ্যাপল সাফারি রাডার #23082521	#14975
সাফারি (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)	একটি ওভারলেতে একটি থেকে অন্যটিতে ট্যাপ করলে `<input>`কাঁপুনি/জিগলিং প্রভাব হতে পারে	ওয়েবকিট বাগ #158276	#19927
সাফারি (iOS)	`-webkit-overflow-scrolling: touch`যুক্ত টেক্সটটি লম্বা করার পরে সহ মডেলটি স্ক্রোলযোগ্য হয়ে ওঠে না	ওয়েবকিট বাগ #158342	#17695
সাফারি (iOS)	`:hover`স্পর্শ-বান্ধব ওয়েবপৃষ্ঠাগুলিতে স্টিকি করবেন না	ওয়েবকিট বাগ #158517	#12832
সাফারি (আইপ্যাড প্রো)	`position: fixed`ল্যান্ডস্কেপ ওরিয়েন্টেশনে আইপ্যাড প্রোতে উপাদানের বংশধরের রেন্ডারিং ক্লিপ করা হয়	ওয়েবকিট বাগ #152637 , অ্যাপল সাফারি রাডার #24030853	#18738

ওয়েব স্ট্যান্ডার্ডে নির্দিষ্ট কিছু বৈশিষ্ট্য রয়েছে যা আমাদের বুটস্ট্র্যাপকে আরও মজবুত, মার্জিত বা পারফরম্যান্স করতে দেয়, কিন্তু এখনও কিছু ব্রাউজারে প্রয়োগ করা হয়নি, এইভাবে আমাদেরকে সেগুলির সুবিধা নেওয়া থেকে বাধা দেয়।

আমরা এখানে এই "সবচেয়ে বেশি কাঙ্ক্ষিত" বৈশিষ্ট্যের অনুরোধগুলিকে সর্বজনীনভাবে তালিকাভুক্ত করি, সেগুলি কার্যকর করার প্রক্রিয়াটি ত্বরান্বিত করার আশায়৷

ব্রাউজার(গুলি)	বৈশিষ্ট্যের সারাংশ	আপস্ট্রিম সমস্যা(গুলি)	বুটস্ট্র্যাপ সমস্যা(গুলি)
মাইক্রোসফট এজ	নির্বাচক স্তর 4 থেকে `:dir()`ছদ্ম-শ্রেণী প্রয়োগ করুন	এজ ইউজারভয়েস আইডিয়া #12299532	#19984
মাইক্রোসফট এজ	CSS অবস্থানকৃত লেআউট স্তর 3 থেকে স্টিকি পজিশনিং প্রয়োগ করুন	এজ ইউজারভয়েস আইডিয়া #6263621	#17021
ফায়ারফক্স	CSS ট্রানজিশন বাতিল হলে একটি `transitioncancel`ইভেন্ট ফায়ার করুন	মজিলা বাগ #1264125	মজিলা বাগ #1182856
ফায়ারফক্স	ছদ্ম-শ্রেণীর `of <selector-list>`ধারাটি বাস্তবায়ন কর`:nth-child()`	মজিলা বাগ #854148	#20143
ফায়ারফক্স	HTML5 উপাদান প্রয়োগ করুন`<dialog>`	মজিলা বাগ #840640	#20175
ক্রোম	ছদ্ম-শ্রেণীর `of <selector-list>`ধারাটি বাস্তবায়ন কর`:nth-child()`	Chromium সমস্যা #304163	#20143
ক্রোম	নির্বাচক স্তর 4 থেকে `:dir()`ছদ্ম-শ্রেণী প্রয়োগ করুন	Chromium সমস্যা #576815	#19984
ক্রোম	CSS অবস্থানকৃত লেআউট স্তর 3 থেকে স্টিকি পজিশনিং প্রয়োগ করুন	Chromium সমস্যা #231752	#17021
সাফারি	নির্বাচক স্তর 4 থেকে `:dir()`ছদ্ম-শ্রেণী প্রয়োগ করুন	ওয়েবকিট বাগ #64861	#19984
সাফারি	HTML5 উপাদান প্রয়োগ করুন`<dialog>`	ওয়েবকিট বাগ #84635	#20175

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

ব্রাউজার বাগ

মোস্ট ওয়ান্টেড ফিচার