in English
ბრაუზერის შეცდომების კედელი
მოძველებული შინაარსი
ეს გვერდი მოძველებულია და აღარ გამოიყენება Bootstrap-ის უახლეს ვერსიებზე. ის აქ არის მხოლოდ ისტორიული მიზნებისთვის ახლა და წაიშლება ჩვენს შემდეგ მთავარ გამოცემაში.
Bootstrap ამჟამად მუშაობს ბრაუზერის რამდენიმე გამორჩეული შეცდომის გარშემო მთავარ ბრაუზერებში, რათა უზრუნველყოს საუკეთესო ბრაუზერის გამოცდილება. ზოგიერთი ხარვეზი, როგორიცაა ქვემოთ ჩამოთვლილი, ჩვენ ვერ გადაჭრით.
ჩვენ საჯაროდ ჩამოვთვლით ბრაუზერის შეცდომებს, რომლებიც გავლენას ახდენენ ჩვენზე, მათი გამოსწორების პროცესის დაჩქარების იმედით. Bootstrap-ის ბრაუზერის თავსებადობის შესახებ ინფორმაციისთვის იხილეთ ჩვენი ბრაუზერის თავსებადობის დოკუმენტები .
Იხილეთ ასევე:
- Chromium საკითხი 536263: [მეტა] პრობლემები, რომლებიც გავლენას ახდენს Bootstrap-ზე
- Mozilla-ს შეცდომა 1230801: მოაგვარეთ პრობლემები, რომლებიც გავლენას ახდენს Bootstrap-ზე
- WebKit შეცდომა 159753: [მეტა] საკითხები, რომლებიც გავლენას ახდენს Bootstrap-ზე
- jQuery-ის ბრაუზერის ხარვეზის გამოსავალი
| ბრაუზერ(ებ)ი | შეცდომის შეჯამება | ზედა დინების პრობლემა(ებ)ი | ჩატვირთვის პრობლემა(ებ)ი |
|---|---|---|---|
| ზღვარი | ვიზუალური არტეფაქტები გადახვევად მოდალურ დიალოგებში | Edge საკითხი #9011176 | #20755 |
| ზღვარი | ბრაუზერის ინსტრუმენტული მინიშნება titleპირველ კლავიატურაზე ფოკუსირებული ჩვენებისთვის (გარდა მორგებული ინსტრუმენტების კომპონენტის) |
Edge გამოშვება #6793560 | #18692 |
| ზღვარი | გადახვევის შემდეგ ელემენტი კვლავ მდგომარეობაში რჩება :hover. |
Edge საკითხი #5381673 | #14211 |
| ზღვარი | CSS border-radiusზოგჯერ იწვევს background-colorძირითადი ელემენტის სისხლდენის ხაზებს. |
Edge საკითხი #3342037 | #16671 |
| ზღვარი | backgroundof <tr>გამოიყენება მხოლოდ პირველი ბავშვის უჯრედზე, რიგის ყველა უჯრედის ნაცვლად |
Edge გამოშვება #5865620 | #18504 |
| ზღვარი | ქვედა ფენის ფონის ფერი ზოგ შემთხვევაში გამჭვირვალე საზღვრიდან სისხლდენა | 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 (macOS და Linux) | ბეჯის ვიჯეტი იწვევს Tabs ვიჯეტის ქვედა საზღვრის მოულოდნელად არ გადაფარვას | Mozilla-ს შეცდომა #1259972 | #19626 |
| Chrome (macOS) | გაზრდის ღილაკზე დაჭერით <input type="number">ციმციმდება შემცირების ღილაკი. |
Chromium ნომერი #419108 | #8350 , Chromium გამოშვება #337668 |
| Chrome | CSS უსასრულო ხაზოვანი ანიმაცია ალფა გამჭვირვალობით აფუჭებს მეხსიერებას. | Chromium გამოშვება #429375 | #14409 |
| Chrome | table-cellმიუხედავად იმისა, რომ საზღვრები არ არის გადახურულიmargin-right: -1px |
Chromium გამოშვება #749848 | #17438 , #14237 |
| Chrome | არ გახდეთ :hoverწებოვანი სენსორული ვებგვერდები |
Chromium ნომერი #370155 | #12832 |
| Chrome | position: absoluteელემენტი, რომელიც მის სვეტზე ფართოა, არასწორად არის ამოჭრილი სვეტის საზღვრებზე |
Chromium გამოშვება #269061 | #20161 |
| 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 (macOS) | px, em, და remყველა ერთნაირად უნდა მოიქცეს მედია მოთხოვნებში, როდესაც გამოიყენება გვერდის მასშტაბირება |
WebKit შეცდომა #156687 | #17403 |
| Safari (macOS) | ღილაკების უცნაური ქცევა ზოგიერთი <input type="number">ელემენტით. |
WebKit შეცდომა #137269 , Apple Safari Radar #18834768 | #8350 , ნორმალიზება #283 , Chromium საკითხი #337668 |
| Safari (macOS) | შრიფტის მცირე ზომა ფიქსირებული სიგანით ვებგვერდის დაბეჭდვისას .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 |