Source

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

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

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

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

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

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

Edge საკითხი #9011176 #20755
ზღვარი

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

Edge გამოშვება #6793560 #18692
ზღვარი

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

Edge საკითხი #5381673 #14211
ზღვარი

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

Edge საკითხი #3342037 #16671
ზღვარი

backgroundof <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