ব্ৰাউজাৰ বাগসমূহ

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

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

এইটোও চাওক:

ব্ৰাউজাৰ(সমূহ) বাগৰ সাৰাংশ আপস্ট্ৰিম বাগ(সমূহ) বুটষ্ট্ৰেপ সমস্যা(সমূহ)
মাইক্ৰ'ছফ্ট এজ

প্ৰথম কিবৰ্ড ফ'কাচত প্ৰদৰ্শনৰ বাবে স্থানীয় ব্ৰাউজাৰ সঁজুলিটিপ title(স্বনিৰ্বাচিত সঁজুলিটিপ উপাদানৰ উপৰিও)

এজ ইছ্যু #৬৭৯৩৫৬০ #১৮৬৯২
মাইক্ৰ'ছফ্ট এজ

:hoverস্ক্ৰল কৰি আঁতৰি যোৱাৰ পিছতো হোভাৰ কৰা উপাদান অৱস্থাত থাকে ।

এজ ইছ্যু #৫৩৮১৬৭৩ #১৪২১১
মাইক্ৰ'ছফ্ট এজ

এটা <select>মেনু বস্তুৰ ওপৰত মাউছ কৰাৰ সময়ত, মেনুৰ তলৰ উপাদানৰ বাবে কাৰ্চাৰ প্ৰদৰ্শিত হয়।

এজ ইছ্যু #৮১৭৮২২ #১৪৫২৮
মাইক্ৰ'ছফ্ট এজ

CSS এ কেতিয়াবা মূল উপাদানৰ border-radiusব্লিড-থ্ৰুৰ ৰেখাৰ সৃষ্টি কৰে ।background-color

এজ ইছ্যু #৩৩৪২০৩৭ #১৬৬৭১
মাইক্ৰ'ছফ্ট এজ

backgroundof <tr>কেৱল শাৰীৰ সকলো কোষৰ পৰিৱৰ্তে প্ৰথম সন্তান কোষত প্ৰয়োগ কৰা হয়

এজ ইছ্যু #৫৮৬৫৬২০ #১৮৫০৪
মাইক্ৰ'ছফ্ট এজ

@-ms-viewport{width: device-width;}স্ক্ৰলবাৰসমূহক স্বয়ংক্ৰিয়ভাৱে লুকুৱাই ৰখাৰ পাৰ্শ্বক্ৰিয়া আছে

এজ ইছ্যু #7165383 #১৮৫৪৩
মাইক্ৰ'ছফ্ট এজ

তলৰ স্তৰৰ পৰা পটভূমিৰ ৰং কিছুমান ক্ষেত্ৰত স্বচ্ছ সীমাৰ মাজেৰে তেজ ওলায়

এজ ইছ্যু #৬২৭৪৫০৫ #১৮২২৮
মাইক্ৰ'ছফ্ট এজ

বংশধৰ SVG উপাদানৰ ওপৰত উৰি থকাটোৱে mouseleaveপূৰ্বপুৰুষৰ ওপৰত ইভেন্ট জ্বলাই দিয়ে

এজ ইছ্যু #7787318 #১৯৬৭০ চনত
ফায়াৰফক্স

.table-borderedএটা খালীৰ সৈতে <tbody>সীমা নোহোৱা হৈছে।

মোজিলা বাগ #1023761 #১৩৪৫৩
ফায়াৰফক্স

যদি এটা প্ৰপত্ৰ নিয়ন্ত্ৰণৰ নিষ্ক্ৰিয় অৱস্থা জাভাস্ক্রিপ্টৰ যোগেদি সলনি কৰা হয়, পৃষ্ঠা সতেজ কৰাৰ পিছত সাধাৰণ অৱস্থা ঘূৰি নাহে।

মোজিলা বাগ #654072 #৭৯৩
ফায়াৰফক্স

focusdocumentবস্তুটোৰ ওপৰত ইভেণ্টবোৰ গুলিয়াব নালাগে

মোজিলা বাগ #1228802 #১৮৩৬৫
ফায়াৰফক্স

বহল ভাসমান টেবুল নতুন লাইনত মোহাৰি নাযায়

মোজিলা বাগ #1277782 #১৯৮৩৯
ফায়াৰফক্স

mouseenterমাউছ কেতিয়াবা উপাদানৰ ভিতৰত নহয় / উদ্দেশ্যৰ বাবে mouseleaveযেতিয়া ই SVG উপাদানসমূহৰ ভিতৰত থাকে

মোজিলা বাগ #577785 #১৯৬৭০ চনত
ফায়াৰফক্স

position: absoluteইয়াৰ স্তম্ভতকৈ বহল উপাদান অন্য ব্ৰাউজাৰতকৈ বেলেগ ধৰণে ৰেণ্ডাৰ কৰে

মোজিলা বাগ #1282363 #২০১৬১
ফায়াৰফক্স (উইণ্ড'জ)

<select>পৰ্দাক অস্বাভাৱিক ৰিজ'লিউচনলৈ সংহতি কৰিলে মেনুৰ সোঁ সীমা কেতিয়াবা অনুপস্থিত হয়

মোজিলা বাগ #545685 #১৫৯৯০
ফায়াৰফক্স (OS X আৰু লিনাক্স)

বেজ ৱিজেটে টেবছ ৱিজেটৰ তলৰ সীমা অপ্ৰত্যাশিতভাৱে ওভাৰলেপ নকৰে

মোজিলা বাগ #1259972 #১৯৬২৬
Chrome (এন্ড্রইড)

<input>এটা স্ক্ৰ'লযোগ্য অভাৰলেত এটাত টেপ কৰিলে <input>দৃশ্যত স্ক্ৰ'ল নহয়

ক্ৰ'মিয়াম সংখ্যা #595210 #১৭৩৩৮
Chrome (OS X)

ওপৰত <input type="number">বৃদ্ধি বুটাম ক্লিক কৰিলে হ্ৰাস বুটামটো ফিচফিচাই পৰে।

ক্ৰ'মিয়াম সংখ্যা #419108 #8350 & ক্ৰ'মিয়াম সংখ্যা #337668 ৰ শাখা
Chrome

আলফা স্বচ্ছতাৰ সৈতে CSS অসীম ৰৈখিক এনিমেচনে মেমৰি লিক কৰে।

ক্ৰ'মিয়াম সংখ্যা #429375 #১৪৪০৯
Chrome

:focus outlineশৈলীৰ ফলত কাৰ্চাৰ প্ৰদৰ্শিত নহয় যেতিয়া a readonly <input>পঢ়া-লিখালৈ টগল কৰা হয়।

ক্ৰ'মিয়াম সংখ্যা #465274 #১৬০২২
Chrome

table-cellসীমা অতিক্ৰম নকৰা সত্ত্বেওmargin-right: -1px

ক্ৰ'মিয়াম ইছ্যু #৫৩৪৭৫০ #১৭৪৩৮ , #১৪২৩৭
Chrome

<select multiple>অভাৰফ্ল'ড বিকল্পসমূহৰ সৈতে স্ক্ৰলবাৰ ইন ক্লিক কৰিলে ওচৰত নিৰ্ব্বাচন হ'ব<option>

ক্ৰ'মিয়াম সংখ্যা #597642 #১৯৮১০ চনত
Chrome

:hoverস্পৰ্শ-বন্ধুত্বপূৰ্ণ ৱেবপেজত আঠাযুক্ত নকৰিব

ক্ৰ'মিয়াম সংখ্যা #370155 #১২৮৩২
Chrome (উইণ্ড'জ আৰু লিনাক্স)

টেব লুকুৱাই ৰখাৰ সময়ত এনিমেচন সংঘটিত হোৱাৰ পিছত নিষ্ক্ৰিয় টেবলৈ ঘূৰি অহাৰ সময়ত এনিমেচন গ্লিচ।

ক্ৰ'মিয়াম সংখ্যা #449180 #১৫২৯৮
ছাফাৰী

remমাধ্যম প্ৰশ্নসমূহত এককসমূহ font-size: initialৰূট উপাদানৰ নহয়, ব্যৱহাৰ কৰি গণনা কৰিব লাগেfont-size

ৱেবকিট বাগ #156684 #১৭৪০৩
ছাফাৰী (OS X)

px, em, আৰু remপৃষ্ঠা জুম প্ৰয়োগ কৰাৰ সময়ত মাধ্যম প্ৰশ্নসমূহত সকলোৱে একে আচৰণ কৰিব লাগে

ৱেবকিট বাগ #156687 #১৭৪০৩
ছাফাৰী (OS X)

<input type="number">কিছুমান উপাদানৰ সৈতে অদ্ভুত বুটামৰ আচৰণ ।

ৱেবকিট বাগ #137269 , এপল ছাফাৰী ৰাডাৰ #18834768 #8350 , স্বাভাৱিক #283 , ক্ৰ'মিয়াম সমস্যা #337668
ছাফাৰী (OS X)

নিৰ্দিষ্ট-প্ৰস্থৰ সৈতে ৱেবপৃষ্ঠা প্ৰিন্ট কৰাৰ সময়ত সৰু আখৰৰ আকাৰ .container

ৱেবকিট বাগ #138192 , এপল ছাফাৰী ৰাডাৰ #19435018 #১৪৮৬৮
ছাফাৰী (আইপেড)

<select>আইপেডত মেনুৰ ফলত হিট-টেষ্টিং এলেকাসমূহ স্থানান্তৰিত হয়

ৱেবকিট বাগ #150079 , এপল ছাফাৰী ৰাডাৰ #23082521 #১৪৯৭৫
ছাফাৰী (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:fixediPhone 6S+ Safari ত টেব বাৰ দৃশ্যমান হ'লে ভুলকৈ স্থাপন কৰা হয়

ৱেবকিট বাগ #153056 #১৮৮৫৯
ছাফাৰী (iOS)

<input>এটা উপাদানৰ ভিতৰত এটাত টেপ position:fixedকৰিলে পৃষ্ঠাৰ ওপৰলৈ স্ক্ৰল হয়

ৱেবকিট বাগ #153224 , এপল ছাফাৰী ৰাডাৰ #24235301 #১৭৪৯৭
ছাফাৰী (iOS)

<body>overflow:hiddenCSS ৰ সৈতে iOS ত স্ক্ৰল কৰিব পৰা যায়

ৱেবকিট বাগ #153852 #১৪৮৩৯
ছাফাৰী (iOS)

উপাদানত লিখনী ক্ষেত্ৰত স্ক্ৰল ইংগিত position:fixedকেতিয়াবা স্ক্ৰল <body>কৰিব পৰা পূৰ্বপুৰুষৰ পৰিৱৰ্তে স্ক্ৰল কৰে

ৱেবকিট বাগ #153856 #১৪৮৩৯
ছাফাৰী (iOS)

এটা অভাৰলেত এটাৰ পৰা আন এটালৈ টেপ কৰিলে <input>জোকাৰণি/জিগলিং প্ৰভাৱ পৰিব পাৰে

ৱেবকিট বাগ #158276 #১৯৯২৭
ছাফাৰী (iOS)

-webkit-overflow-scrolling: touchযোগ কৰা লিখনীয়ে ইয়াক ওখ কৰাৰ পিছত Modal with স্ক্ৰলযোগ্য নহয়

ৱেবকিট বাগ #158342 #১৭৬৯৫
ছাফাৰী (iOS)

:hoverস্পৰ্শ-বন্ধুত্বপূৰ্ণ ৱেবপেজত আঠাযুক্ত নকৰিব

ৱেবকিট বাগ #158517 #১২৮৩২
ছাফাৰী (আইপেড প্ৰ')

উপাদানৰ বংশধৰ ৰেণ্ডাৰ position: fixedলেণ্ডস্কেপ অৰিয়েণ্টেচনত আইপেড প্ৰ'ত ক্লিপ কৰা হয়

ৱেবকিট বাগ #152637 , এপল ছাফাৰী ৰাডাৰ #24030853 #১৮৭৩৮

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

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

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

ব্ৰাউজাৰ(সমূহ) বৈশিষ্ট্যৰ সাৰাংশ আপষ্ট্ৰিম সমস্যা(সমূহ) বুটষ্ট্ৰেপ সমস্যা(সমূহ)
মাইক্ৰ'ছফ্ট এজ

নিৰ্বাচক স্তৰ 4 ৰ পৰা :dir()ছ্যুডো-শ্ৰেণী প্ৰণয়ন কৰক

এজ ইউজাৰভইচ ধাৰণা #12299532 #১৯৯৮৪
মাইক্ৰ'ছফ্ট এজ

CSS অৱস্থান কৰা পৰিকল্পনা স্তৰ 3 ৰ পৰা আঠাযুক্ত অৱস্থান প্ৰণয়ন কৰক

এজ ইউজাৰভইচ ধাৰণা #6263621 #১৭০২১
ফায়াৰফক্স

এটা CSS পৰিৱৰ্তন বাতিল হ'লে এটা transitioncancelইভেন্ট জুই কৰক

মোজিলা বাগ #1264125 মোজিলা বাগ #1182856
ফায়াৰফক্স

ছদ্ম শ্ৰেণীৰ of <selector-list>দফাটো কাৰ্যকৰী কৰা:nth-child()

মোজিলা বাগ #854148 #২০১৪৩
ফায়াৰফক্স

HTML5 <dialog>উপাদানটো প্ৰণয়ন কৰক

মোজিলা বাগ #840640 #২০১৭৫ চনত
Chrome

ছদ্ম শ্ৰেণীৰ of <selector-list>দফাটো কাৰ্যকৰী কৰা:nth-child()

ক্ৰ'মিয়াম সংখ্যা #304163 #২০১৪৩
Chrome

নিৰ্বাচক স্তৰ 4 ৰ পৰা :dir()ছ্যুডো-শ্ৰেণী প্ৰণয়ন কৰক

ক্ৰ'মিয়াম সংখ্যা #576815 #১৯৯৮৪
Chrome

CSS অৱস্থান কৰা পৰিকল্পনা স্তৰ 3 ৰ পৰা আঠাযুক্ত অৱস্থান প্ৰণয়ন কৰক

ক্ৰ'মিয়াম সংখ্যা #231752 #১৭০২১
ছাফাৰী

নিৰ্বাচক স্তৰ 4 ৰ পৰা :dir()ছ্যুডো-শ্ৰেণী প্ৰণয়ন কৰক

ৱেবকিট বাগ #64861 #১৯৯৮৪
ছাফাৰী

HTML5 <dialog>উপাদানটো প্ৰণয়ন কৰক

ৱেবকিট বাগ #84635 #২০১৭৫ চনত