Source

دیواری هەڵەکانی وێبگەڕ

لە ئێستادا Bootstrap لە دەوری چەندین هەڵەی نایابی وێبگەڕ لە وێبگەڕە سەرەکییەکان کاردەکات بۆ پێشکەشکردنی باشترین ئەزموونی cross-browser کە دەتوانرێت. هەندێک هەڵە وەک ئەوانەی لە خوارەوە ئاماژەیان پێکراوە، لەلایەن ئێمەوە چارەسەر ناکرێت.

ئێمە لێرەدا بە ئاشکرا ئەو هەڵانەی وێبگەڕ دەخەینە ڕوو کە کاریگەرییان لەسەرمان هەیە، بە هیوای خێراکردنی پرۆسەی چارەسەرکردنیان. بۆ زانیاری لەسەر گونجاوی وێبگەڕی Bootstrap، سەیری دۆکیومێنتەکانی گونجاوی وێبگەڕەکەمان بکە .

هەروەها تەماشای:

وێبگەڕ(ەکان)	پوختەی هەڵە	هەڵە(هەڵەکان)ی سەرەوە	کێشە(ەکان)ی بووتستراپ
لێوار	شوێنەوارە بینراوەکان لە دیالۆگە مۆداڵییە سکڕۆڵکراوەکاندا	ژمارەی لێوار #9011176	#20755
لێوار	ئامۆژگاری وێبگەڕی ڕەسەن بۆ `title`نمایشەکان لەسەر یەکەم فۆکۆسی کیبۆرد (جگە لە پێکهاتەی ئامۆژگاری تایبەت)	ژمارەی لێوار #6793560	#18692
لێوار	توخمە هەڵواسراوەکە هێشتا لە دۆخدا دەمێنێتەوە `:hover`دوای ئەوەی دوور دەکەوێتەوە.	ژمارەی لێوار #5381673	#14211
لێوار	CSS `border-radius`هەندێک جار دەبێتە هۆی هێڵەکانی خوێنبەربوون لە ڕێگەی `background-color`توخمە باوکەکە.	ژمارەی لێوار #3342037	#16671
لێوار	`background`of `<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 و لینوکس)	ویجتەکەی نیشانە دەبێتە هۆی ئەوەی سنووری خوارەوەی ویجتەکەی Tabs بە شێوەیەکی چاوەڕواننەکراو سەریەک نەخات	هەڵەی مۆزیلا #1259972	#19626
کرۆم (macOS)	کرتەکردن لەسەر `<input type="number">`دوگمەی زیادکردن دوگمەی کەمکردنەوە دەچڕێت.	ژمارەی کرۆم #419108	لقێکی #8350 & ژمارەی کرۆم #337668
کرۆم	ئەنیمەیشنی هێڵی بێکۆتایی CSS بە شەفافیەتی ئەلفا بیرگە دزە دەکات.	ژمارەی کرۆم #429375	#14409
کرۆم	`table-cell`سنوورەکان سەریەک نەکەوتوون سەرەڕای`margin-right: -1px`	ژمارەی کرۆم #749848	#17438 , #14237
کرۆم	`:hover`لە وێبپەڕە دۆستەکانی دەست لێدان چەسپاو مەکە	ژمارەی کرۆم #370155	#12832
کرۆم	`position: absolute`توخمێک کە فراوانترە لە ستوونەکەی بە هەڵە دەبڕدرێت بۆ سنووری ستوونەکە	ژمارەی کرۆم #269061	#20161
کرۆم	لێدانی کارایی بەرچاو بۆ SVG ی داینامیکی بە دەق بەپێی ژمارەی فۆنتەکان لە `font-family`.	ژمارەی کرۆم #781344	#24673
سەفاری	`rem`یەکەکان لە پرسیارەکانی میدیادا دەبێ بە بەکارهێنانی حیسابی بۆ بکرێت `font-size: initial`نەک توخمە ڕەگەکە`font-size`	هەڵەی وێبکیت #156684	#17403
سەفاری	بەستەر بۆ کۆنتێنەر بە id و tabindex دەبێتە هۆی پشتگوێخستنی کۆنتێنەر لەلایەن VoiceOver (کاریگەری لەسەر بەستەرەکانی skip دەبێت)	هەڵەی وێبکیت #163658	#20732
سەفاری	تایبەتمەندیەکانی CSS `min-width`و `max-width`میدیا نابێت پێکسڵی بەشەکی گەورە بکەن	هەڵەی وێبکیت #178261	#25166
سەفاری (macOS)	`px`, `em`, و `rem`دەبێت هەموویان وەک یەک ڕەفتار بکەن لە پرسیارەکانی میدیادا کاتێک زوومکردنی لاپەڕە جێبەجێ دەکرێت	هەڵەی وێبکیت #156687	#17403
سەفاری (macOS)	هەڵسوکەوتی دوگمەی سەیر لەگەڵ هەندێک `<input type="number">`توخم.	WebKit bug #137269 , ڕاداری سەفاری ئەپڵ #18834768	#8350 , ئاساییکردنەوە #283 , ژمارەی کرۆم #337668
سەفاری (macOS)	قەبارەی فۆنتێکی بچووک لە کاتی چاپکردنی لاپەڕەی وێب بە پانایی جێگیر `.container`.	WebKit bug #138192 , ڕاداری سەفاری ئەپڵ #19435018	#14868
سەفاری (iOS)	`transform: translate3d(0,0,0);`هەڵەی ڕەندەرکردن.	WebKit bug #138162 , ڕاداری سەفاری ئەپڵ #18804973	#14603
سەفاری (iOS)	ئاماژەدەری نووسینی دەق لە کاتی سکڕۆڵکردنی لاپەڕەکەدا ناجووڵێت.	WebKit bug #138201 , ڕاداری سەفاری ئەپڵ #18819624	#14708
سەفاری (iOS)	ناتوانرێت ئاماژەدەر بگوازرێتەوە بۆ سەرەتای دەق دوای داخڵکردنی ڕیزێکی درێژی دەق بۆ ناو`<input type="text">`	WebKit bug #148061 , ڕاداری سەفاری ئەپڵ #22299624	#16988
سەفاری (iOS)	`display: block`دەبێتە هۆی ئەوەی دەقی `<input>`s ی کاتی بە شێوەیەکی ڕاست هەڵە ڕێکبخرێت	WebKit bug #139848 , ڕاداری سەفاری ئەپڵ #19434878	#11266 , #13098
سەفاری (iOS)	پەنجەدان لەسەر ڕووداوەکان `<body>`ئاگر نادات`click`	هەڵەی وێبکیت #151933	#16028
سەفاری (iOS)	`position:fixed`کاتێک تاب بار لە ئایفۆن ٦ ئێس+ سەفاری دیارە بە هەڵە لە شوێنی خۆی دانراوە	هەڵەی وێبکیت #153056	#18859
سەفاری (iOS)	پەنجە خستنە ناو `<input>`توخمێکەوە `position:fixed`دەچێتە سەرەوەی لاپەڕەکە	WebKit bug #153224 , ڕاداری سەفاری ئەپڵ #24235301	#17497
سەفاری (iOS)	`<body>`لەگەڵ `overflow:hidden`CSS لەسەر 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`توخمەکە لەسەر ئایپاد پرۆ بە ئاراستەی Landscape دەبڕدرێت	WebKit bug #152637 , ڕاداری سەفاری ئەپڵ #24030853	#18738

زۆربەی تایبەتمەندییە خوازراوەکان

چەندین تایبەتمەندی لە ستانداردەکانی وێبدا دیاری کراوە کە ڕێگەمان پێدەدات Bootstrap بەهێزتر، ڕەسەنتر، یان کاراتر بکەین، بەڵام هێشتا لە هەندێک وێبگەڕدا جێبەجێ نەکراون، بەم شێوەیە ڕێگریمان لێدەکات کە سوودیان لێ وەربگرین.

ئێمە لێرەدا بە ئاشکرا ئەم داواکارییە تایبەتمەندییە "زۆر داواکراوانە" دەخەینە ڕوو، بەو هیوایەی پرۆسەی جێبەجێکردنیان خێراتر بکەین.

وێبگەڕ(ەکان)	پوختەی تایبەتمەندی	کێشە(ەکان)ی سەرەوە	کێشە(ەکان)ی بووتستراپ
لێوار	توخمە فۆکەسکراوەکان دەبێ ڕووداوی فۆکەس ئاگر بکەنەوە / وەرگرتنی :ستایلی فۆکەس کاتێک فۆکۆسی گێڕەرەوە/دەستگەیشتن وەردەگرن	بیرۆکەی دەنگی بەکارهێنەری مایکرۆسۆفت A11y #16717318	#20732
لێوار	جێبەجێکردنی `:dir()`پۆلی ساختە لە هەڵبژێرەران ئاستی 4	بیرۆکەی دەنگی بەکارهێنەری لێوار #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`ڕووداوێک ئاگر بکەرەوە	ژمارەی کرۆم #642487	ژمارەی کرۆم #437860
کرۆم	`of <selector-list>`بڕگەی پۆلی `:nth-child()`ساختە جێبەجێ بکە	ژمارەی کرۆم #304163	#20143
کرۆم	جێبەجێکردنی `:dir()`پۆلی ساختە لە هەڵبژێرەران ئاستی 4	ژمارەی کرۆم #576815	#19984
سەفاری	کاتێک گواستنەوەی CSS هەڵدەوەشێتەوە، `transitioncancel`ڕووداوێک ئاگر بکەرەوە	هەڵەی وێبکیت #161535	#20618
سەفاری	جێبەجێکردنی `:dir()`پۆلی ساختە لە هەڵبژێرەران ئاستی 4	هەڵەی وێبکیت #64861	#19984
سەفاری	توخمەکەی HTML5 جێبەجێ بکە`<dialog>`	هەڵەی وێبکیت #84635	#20175