Source

ბრაუზერის შეცდომების კედელი

Bootstrap ამჟამად მუშაობს ბრაუზერის რამდენიმე გამორჩეული შეცდომის გარშემო მთავარ ბრაუზერებში, რათა უზრუნველყოს საუკეთესო ბრაუზერის გამოცდილება. ზოგიერთი ხარვეზი, როგორიცაა ქვემოთ ჩამოთვლილი, ჩვენ ვერ გადაჭრით.

ჩვენ საჯაროდ ჩამოვთვლით ბრაუზერის შეცდომებს, რომლებიც გავლენას ახდენენ ჩვენზე, მათი გამოსწორების პროცესის დაჩქარების იმედით. Bootstrap-ის ბრაუზერის თავსებადობის შესახებ ინფორმაციისთვის იხილეთ ჩვენი ბრაუზერის თავსებადობის დოკუმენტები .

Იხილეთ ასევე:

ბრაუზერ(ებ)ი	შეცდომის შეჯამება	ზემოთ ნაკადის ხარვეზ(ებ)ი	ჩატვირთვის პრობლემა(ებ)ი
ზღვარი	ვიზუალური არტეფაქტები გადახვევად მოდალურ დიალოგებში	Edge საკითხი #9011176	#20755
ზღვარი	ბრაუზერის ინსტრუმენტული მინიშნება `title`პირველ კლავიატურაზე ფოკუსირებული ჩვენებისთვის (გარდა მორგებული ინსტრუმენტების კომპონენტის)	Edge გამოშვება #6793560	#18692
ზღვარი	გადახვევის შემდეგ ელემენტი კვლავ მდგომარეობაში რჩება `:hover`.	Edge საკითხი #5381673	#14211
ზღვარი	CSS `border-radius`ზოგჯერ იწვევს `background-color`ძირითადი ელემენტის სისხლდენის ხაზებს.	Edge საკითხი #3342037	#16671
ზღვარი	`background`of `<tr>`გამოიყენება მხოლოდ პირველი ბავშვის უჯრედზე, რიგის ყველა უჯრედის ნაცვლად	Edge გამოშვება #5865620	#18504
ზღვარი	`@-ms-viewport{width: device-width;}`აქვს გადახვევის ზოლების ავტომატური დამალვის გვერდითი ეფექტი	Edge საკითხი #7165383	#18543
ზღვარი	ქვედა ფენის ფონის ფერი ზოგ შემთხვევაში გამჭვირვალე საზღვრიდან სისხლდენა	Edge საკითხი #6274505	#18228
ზღვარი	შთამომავალი SVG ელემენტის თავზე გადახვევა იწვევს `mouseleave`მოვლენას წინაპარზე	Edge საკითხი #7787318	#19670
ზღვარი	აქტიური `position: fixed;` `<button>`ციმციმები გადახვევისას	Edge საკითხი #8770398	#20507
Firefox	`.table-bordered`ცარიელთან ერთად `<tbody>`აკლია საზღვრები.	Mozilla-ს შეცდომა #1023761	#13453
Firefox	თუ ფორმის კონტროლის გამორთული მდგომარეობა შეიცვალა JavaScript-ის საშუალებით, ნორმალური მდგომარეობა არ ბრუნდება გვერდის განახლების შემდეგ.	Mozilla-ს შეცდომა #654072	#793
Firefox	`focus`მოვლენები არ უნდა იყოს გასროლილი `document`ობიექტზე	მოზილას შეცდომა #1228802	#18365
Firefox	ფართო მცურავი მაგიდა არ ხვდება ახალ ხაზს	Mozilla-ს შეცდომა #1277782	#19839
Firefox	მაუსი ზოგჯერ არ არის ელემენტის შიგნით მიზნებისთვის `mouseenter`/ `mouseleave`როდესაც ის SVG ელემენტებშია	Mozilla-ს შეცდომა #577785	#19670
Firefox	განლაგება მცურავი სვეტებით იშლება ბეჭდვისას	მოზილას შეცდომა #1315994	#21092
Firefox (Windows)	მენიუს მარჯვენა საზღვარი `<select>`ზოგჯერ აკლია, როდესაც ეკრანი დაყენებულია უჩვეულო გარჩევადობაზე	Mozilla-ს შეცდომა #545685	#15990
Firefox (OS X და Linux)	ბეჯის ვიჯეტი იწვევს Tabs ვიჯეტის ქვედა საზღვრის მოულოდნელად არ გადაფარვას	Mozilla-ს შეცდომა #1259972	#19626
Chrome (Android)	გადახვევის `<input>`გადაფარვაზე შეხებით არ `<input>`გადადის ხედში	Chromium გამოშვება #595210	#17338
Chrome (OS X)	გაზრდის ღილაკზე დაჭერით `<input type="number">`ციმციმდება შემცირების ღილაკი.	Chromium ნომერი #419108	#8350 -ის და Chromium-ის გამოშვება # 337668
Chrome	CSS უსასრულო ხაზოვანი ანიმაცია ალფა გამჭვირვალობით აფუჭებს მეხსიერებას.	Chromium გამოშვება #429375	#14409
Chrome	`table-cell`მიუხედავად იმისა, რომ საზღვრები არ არის გადახურული`margin-right: -1px`	Chromium გამოშვება #749848	#17438 , #14237
Chrome	გადატვირთული ოფციებით გადახვევის ზოლზე დაწკაპუნებით, `<select multiple>`აირჩევთ სიახლოვეს`<option>`	Chromium გამოშვება #597642	#19810
Chrome	არ გახდეთ `:hover`წებოვანი შეხებით მოსახერხებელი ვებგვერდები	Chromium ნომერი #370155	#12832
Chrome	`position: absolute`ელემენტი, რომელიც მის სვეტზე ფართოა, არასწორად არის ამოჭრილი სვეტის საზღვრებზე	Chromium გამოშვება #269061	#20161
Chrome (Windows და Linux)	ანიმაციის ხარვეზი უმოქმედო ჩანართზე დაბრუნებისას ანიმაციების წარმოქმნის შემდეგ, როდესაც ჩანართი დამალული იყო.	Chromium გამოშვება #449180	#15298
Chrome	მნიშვნელოვანი შესრულება დინამიური SVG-ებისთვის ტექსტით, რაც დამოკიდებულია შრიფტების რაოდენობაზე `font-family`.	Chromium გამოშვება #781344	#24673
Safari	`rem`მედია მოთხოვნებში ერთეულები უნდა გამოითვალოს `font-size: initial`და არა ძირეული ელემენტის გამოყენებით`font-size`	WebKit შეცდომა #156684	#17403
Safari	კონტეინერთან დაკავშირება ID-ით და tabindex-ით იწვევს კონტეინერის იგნორირებას VoiceOver-ის მიერ (ზემოქმედებს გამოტოვების ბმულებზე)	WebKit შეცდომა #163658	#20732
Safari	CSS `min-width`და `max-width`მედია ფუნქციები არ უნდა დამრგვალდეს წილადი პიქსელი	WebKit შეცდომა #178261	#25166
Safari (OS X)	`px`, `em`, და `rem`ყველა ერთნაირად უნდა მოიქცეს მედია მოთხოვნებში, როდესაც გამოიყენება გვერდის მასშტაბირება	WebKit შეცდომა #156687	#17403
Safari (OS X)	ღილაკების უცნაური ქცევა ზოგიერთი `<input type="number">`ელემენტით.	WebKit შეცდომა #137269 , Apple Safari Radar #18834768	#8350 , ნორმალიზება #283 , Chromium საკითხი #337668
Safari (OS X)	შრიფტის მცირე ზომა ფიქსირებული სიგანით ვებგვერდის დაბეჭდვისას `.container`.	WebKit შეცდომა #138192 , Apple Safari Radar #19435018	#14868
Safari (iOS)	`transform: translate3d(0,0,0);`ხარვეზის გაწევა.	WebKit შეცდომა #138162 , Apple Safari Radar #18804973	#14603
Safari (iOS)	ტექსტის შეყვანის კურსორი არ მოძრაობს გვერდის გადახვევისას.	WebKit შეცდომა #138201 , Apple Safari Radar #18819624	#14708
Safari (iOS)	კურსორის გადატანა ტექსტის საწყისზე შეუძლებელია ტექსტის გრძელი სტრიქონის შეყვანის შემდეგ`<input type="text">`	WebKit შეცდომა #148061 , Apple Safari Radar #22299624	#16988
Safari (iOS)	`display: block`იწვევს დროებითი ტექსტის `<input>`ვერტიკალურად არასწორ გასწორებას	WebKit შეცდომა #139848 , Apple Safari Radar #19434878	#11266 , #13098
Safari (iOS)	შეხება `<body>`არ იწვევს `click`მოვლენებს	WebKit შეცდომა #151933	#16028
Safari (iOS)	`position:fixed`არასწორად არის განთავსებული, როდესაც ჩანართის ზოლი ჩანს iPhone 6S+ Safari-ზე	WebKit შეცდომა #153056	#18859
Safari (iOS)	`<input>`ელემენტის შიგნით შეხება გადადის `position:fixed`გვერდის ზედა ნაწილში	WebKit შეცდომა #153224 , Apple Safari Radar #24235301	#17497
Safari (iOS)	`<body>`CSS- ით `overflow:hidden`არის გადახვევა iOS-ზე	WebKit შეცდომა #153852	#14839
Safari (iOS)	გადახვევის ჟესტი ტექსტის ველში `position:fixed`ელემენტში ზოგჯერ გადახვევა გადახვევადი `<body>`წინაპრის ნაცვლად	WebKit შეცდომა #153856	#14839
Safari (iOS)	Modal with `-webkit-overflow-scrolling: touch`არ ხდება გადახვევა მას შემდეგ, რაც დამატებული ტექსტი მას უფრო ამაღლებს	WebKit შეცდომა #158342	#17695
Safari (iOS)	არ გახდეთ `:hover`წებოვანი შეხებით მოსახერხებელი ვებგვერდები	WebKit შეცდომა #158517	#12832
Safari (iOS)	ელემენტი, რომელიც ქრება მენიუს `position:fixed`გახსნის შემდეგ`<select>`	WebKit შეცდომა #162362	#20759
Safari (iPad Pro)	ელემენტის შთამომავლების რენდერი `position: fixed`აისახება iPad Pro-ზე ლანდშაფტის ორიენტაციაში	WebKit შეცდომა #152637 , Apple Safari Radar #24030853	#18738

ყველაზე სასურველი თვისებები

ვებ სტანდარტებში მითითებულია რამდენიმე მახასიათებელი, რომელიც საშუალებას მოგვცემს გავხადოთ Bootstrap უფრო ძლიერი, ელეგანტური ან ეფექტური, მაგრამ ჯერ არ არის დანერგილი გარკვეულ ბრაუზერებში, რაც ხელს გვიშლის მათგან სარგებლობაში.

ჩვენ საჯაროდ ჩამოვთვლით ამ „ყველაზე სასურველი“ ფუნქციების მოთხოვნებს აქ, მათი განხორციელების პროცესის დაჩქარების იმედით.

ბრაუზერ(ებ)ი	მახასიათებლის შეჯამება	ზედა დინების პრობლემა(ებ)ი	ჩატვირთვის პრობლემა(ებ)ი
ზღვარი	ფოკუსირებადი ელემენტებმა უნდა გაააქტიურონ ფოკუსირებადი მოვლენა / მიიღონ: ფოკუსირების სტილი, როდესაც მიიღებენ მთხრობელს/წვდომის ფოკუსს	Microsoft A11y UserVoice იდეა #16717318	#20732
ზღვარი	განახორციელეთ `:dir()`ფსევდოკლასი სელექტორების დონე 4 -დან	Edge UserVoice იდეა #12299532	#19984
ზღვარი	განახორციელეთ HTML5 `<dialog>`ელემენტი	Edge UserVoice იდეა #6508895	#20175
ზღვარი	ღონისძიების `transitioncancel`გააქტიურება , როდესაც CSS გადასვლა გაუქმებულია	Edge UserVoice იდეა #15939898	#20618
ზღვარი	განახორციელეთ ფსევდოკლასის `of <selector-list>`პუნქტი _`:nth-child()`	Edge UserVoice იდეა #15944476	#20143
Firefox	განახორციელეთ ფსევდოკლასის `of <selector-list>`პუნქტი _`:nth-child()`	Mozilla-ს შეცდომა #854148	#20143
Firefox	განახორციელეთ HTML5 `<dialog>`ელემენტი	Mozilla-ს შეცდომა #840640	#20175
Firefox	როდესაც ვირტუალური ფოკუსი არის ღილაკზე ან ბმულზე, აიღეთ აქცენტი ელემენტზეც	მოზილას შეცდომა #1000082	#20732
Chrome	ღონისძიების `transitioncancel`გააქტიურება , როდესაც CSS გადასვლა გაუქმებულია	Chromium გამოშვება #642487	Chromium გამოშვება #437860
Chrome	განახორციელეთ ფსევდოკლასის `of <selector-list>`პუნქტი _`:nth-child()`	Chromium გამოშვება #304163	#20143
Chrome	განახორციელეთ `:dir()`ფსევდოკლასი სელექტორების დონე 4 -დან	Chromium გამოშვება #576815	#19984
Safari	ღონისძიების `transitioncancel`გააქტიურება , როდესაც CSS გადასვლა გაუქმებულია	WebKit შეცდომა #161535	#20618
Safari	განახორციელეთ `:dir()`ფსევდოკლასი სელექტორების დონე 4 -დან	WebKit შეცდომა #64861	#19984
Safari	განახორციელეთ HTML5 `<dialog>`ელემენტი	WebKit შეცდომა #84635	#20175