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

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

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

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

ბრაუზერ(ებ)ი შეცდომის შეჯამება ზემოთ ნაკადის ხარვეზ(ებ)ი ჩატვირთვის პრობლემა(ებ)ი
Microsoft Edge

ვიზუალური არტეფაქტები გადახვევად მოდალურ დიალოგებში

Edge საკითხი #9011176 #20755
Microsoft Edge

ბრაუზერის ინსტრუმენტული მინიშნება titleპირველ კლავიატურაზე ფოკუსირებული ჩვენებისთვის (გარდა მორგებული ინსტრუმენტების კომპონენტის)

Edge გამოშვება #6793560 #18692
Microsoft Edge

გადახვევის შემდეგ ელემენტი კვლავ მდგომარეობაში რჩება :hover.

Edge საკითხი #5381673 #14211
Microsoft Edge

მენიუს <select>ერთეულზე გადასვლისას გამოჩნდება მენიუს ქვეშ არსებული ელემენტის კურსორი.

Edge გამოშვება #817822 #14528
Microsoft Edge

CSS border-radiusზოგჯერ იწვევს background-colorძირითადი ელემენტის სისხლდენის ხაზებს.

Edge საკითხი #3342037 #16671
Microsoft Edge

backgroundof <tr>გამოიყენება მხოლოდ პირველი ბავშვის უჯრედზე, რიგის ყველა უჯრედის ნაცვლად

Edge გამოშვება #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}აქვს გადახვევის ზოლების ავტომატური დამალვის გვერდითი ეფექტი

Edge საკითხი #7165383 #18543
Microsoft Edge

ქვედა ფენის ფონის ფერი ზოგ შემთხვევაში გამჭვირვალე საზღვრიდან სისხლდენა

Edge საკითხი #6274505 #18228
Microsoft Edge

შთამომავალი SVG ელემენტის თავზე გადახვევა იწვევს mouseleaveმოვლენას წინაპარზე

Edge საკითხი #7787318 #19670
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

position: absoluteელემენტი, რომელიც უფრო ფართოა, ვიდრე მისი სვეტი სხვა ბრაუზერებისგან განსხვავებულად ასახავს

Mozilla-ს შეცდომა #1282363 #20161
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

:focus outlineსტილი იწვევს კურსორის გამოსახვას readonly <input>წაკითხვა-ჩაწერის გადართვისას.

Chromium გამოშვება #465274 #16022
Chrome

table-cellმიუხედავად იმისა, რომ საზღვრები არ არის გადახურულიmargin-right: -1px

Chromium გამოშვება #534750 #17438 , #14237
Chrome

გადახვევის ზოლზე დაწკაპუნება <select multiple>გადატვირთული ვარიანტებით, აირჩევა ახლომახლო<option>

Chromium გამოშვება #597642 #19810
Chrome

არ გახდეთ :hoverწებოვანი სენსორული ვებგვერდები

Chromium ნომერი #370155 #12832
Chrome (Windows და Linux)

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

Chromium გამოშვება #449180 #15298
Safari

remმედია მოთხოვნებში ერთეულები უნდა გამოითვალოს font-size: initialდა არა ძირეული ელემენტის გამოყენებითfont-size

WebKit შეცდომა #156684 #17403
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 (iPad)

<select>მენიუ iPad-ზე იწვევს დარტყმის ტესტირების არეების შეცვლას

WebKit შეცდომა #150079 , Apple Safari Radar #23082521 #14975
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)

<input>გადაფარვისას ერთიდან მეორეზე შეხებამ შეიძლება გამოიწვიოს შერყევის/ჟინგლის ეფექტი

WebKit შეცდომა #158276 #19927
Safari (iOS)

Modal with -webkit-overflow-scrolling: touchარ ხდება გადახვევა მას შემდეგ, რაც დამატებული ტექსტი მას უფრო ამაღლებს

WebKit შეცდომა #158342 #17695
Safari (iOS)

არ გახდეთ :hoverწებოვანი სენსორული ვებგვერდები

WebKit შეცდომა #158517 #12832
Safari (iPad Pro)

ელემენტის შთამომავლების რენდერი position: fixedაისახება iPad Pro-ზე ლანდშაფტის ორიენტაციაში

WebKit შეცდომა #152637 , Apple Safari Radar #24030853 #18738

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

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

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

ბრაუზერ(ებ)ი მახასიათებლის შეჯამება ზედა დინების პრობლემა(ებ)ი ჩატვირთვის პრობლემა(ებ)ი
Microsoft Edge

განახორციელეთ :dir()ფსევდოკლასი სელექტორების დონე 4 -დან

Edge UserVoice იდეა #12299532 #19984
Microsoft Edge

განახორციელეთ წებოვანი პოზიციონირება CSS Positioned Layout Level 3-დან

Edge UserVoice იდეა #6263621 #17021
Microsoft Edge

განახორციელეთ HTML5 <dialog>ელემენტი

Edge UserVoice იდეა #6508895 #20175
Firefox

ღონისძიების transitioncancelგააქტიურება , როდესაც CSS გადასვლა გაუქმებულია

Mozilla-ს შეცდომა #1264125 Mozilla-ს შეცდომა #1182856
Firefox

განახორციელეთ ფსევდოკლასის of <selector-list>პუნქტი _:nth-child()

Mozilla-ს შეცდომა #854148 #20143
Firefox

განახორციელეთ HTML5 <dialog>ელემენტი

Mozilla-ს შეცდომა #840640 #20175
Chrome

განახორციელეთ ფსევდოკლასის of <selector-list>პუნქტი _:nth-child()

Chromium ნომერი #304163 #20143
Chrome

განახორციელეთ :dir()ფსევდოკლასი სელექტორების დონე 4 -დან

Chromium გამოშვება #576815 #19984
Chrome

განახორციელეთ წებოვანი პოზიციონირება CSS Positioned Layout Level 3-დან

Chromium გამოშვება #231752 #17021
Safari

განახორციელეთ :dir()ფსევდოკლასი სელექტორების დონე 4 -დან

WebKit შეცდომა #64861 #19984
Safari

განახორციელეთ HTML5 <dialog>ელემენტი

WebKit შეცდომა #84635 #20175