Source

Τοίχος σφαλμάτων του προγράμματος περιήγησης

Το Bootstrap επί του παρόντος λειτουργεί γύρω από πολλά εξαιρετικά σφάλματα του προγράμματος περιήγησης σε μεγάλα προγράμματα περιήγησης για να προσφέρει την καλύτερη δυνατή εμπειρία μεταξύ προγραμμάτων περιήγησης. Ορισμένα σφάλματα, όπως αυτά που αναφέρονται παρακάτω, δεν μπορούν να επιλυθούν από εμάς.

Παραθέτουμε δημόσια τα σφάλματα του προγράμματος περιήγησης που μας επηρεάζουν εδώ, με την ελπίδα να επισπεύσουμε τη διαδικασία επίλυσής τους. Για πληροφορίες σχετικά με τη συμβατότητα του προγράμματος περιήγησης του Bootstrap, ανατρέξτε στα έγγραφα συμβατότητας του προγράμματος περιήγησής μας .

Δείτε επίσης:

Πρόγραμμα περιήγησης Περίληψη του σφάλματος Ανοδικά σφάλματα Ζητήματα εκκίνησης
Ακρη

Οπτικά τεχνουργήματα σε διαλόγους με δυνατότητα κύλισης

Τεύχος Edge #9011176 #20755
Ακρη

Επεξήγηση εργαλείου εγγενούς προγράμματος περιήγησης για titleεκπομπές στην πρώτη εστίαση πληκτρολογίου (επιπλέον του προσαρμοσμένου στοιχείου συμβουλής εργαλείου)

Τεύχος Edge #6793560 #18692
Ακρη

Το στοιχείο αιώρησης παραμένει σε :hoverκατάσταση μετά την κύλιση.

Τεύχος Edge #5381673 #14211
Ακρη

Το CSS border-radiusμερικές φορές προκαλεί γραμμές διαρροής background-colorτου γονικού στοιχείου.

Τεύχος Edge #3342037 #16671
Ακρη

backgroundτου <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αντικείμενο

Σφάλμα Mozilla #1228802 #18365
Firefox

Το φαρδύ αιωρούμενο τραπέζι δεν τυλίγεται σε νέα γραμμή

Σφάλμα Mozilla #1277782 #19839
Firefox

Το ποντίκι μερικές φορές δεν είναι εντός στοιχείου για σκοπούς mouseenter/ mouseleaveόταν είναι εντός στοιχείων SVG

Σφάλμα Mozilla #577785 #19670
Firefox

Η διάταξη με αιωρούμενες στήλες σπάει κατά την εκτύπωση

Σφάλμα Mozilla #1315994 #21092
Firefox (Windows)

Το δεξί περίγραμμα του <select>μενού λείπει μερικές φορές όταν η οθόνη έχει ρυθμιστεί σε ασυνήθιστη ανάλυση

Σφάλμα Mozilla #545685 #15990
Firefox (macOS & Linux)

Το γραφικό στοιχείο σήματος προκαλεί την απροσδόκητη αλληλεπικάλυψη του κάτω περιγράμματος του γραφικού στοιχείου Tabs

Σφάλμα Mozilla #1259972 #19626
Chrome (Android)

Πατώντας σε ένα <input>σε μια επικάλυψη με δυνατότητα κύλισης δεν μετακινείται <input>στην προβολή

Τεύχος Chromium #595210 #17338
Chrome (macOS)

Κάνοντας κλικ πάνω από <input type="number">το κουμπί αύξησης αναβοσβήνει το κουμπί μείωσης.

Τεύχος Chromium #419108 Παρακλάδι του #8350 & Chromium τεύχος #337668
Χρώμιο

Η άπειρη γραμμική κίνηση CSS με διαφάνεια άλφα διαρρέει μνήμη.

Τεύχος Chromium #429375 #14409
Χρώμιο

table-cellτα σύνορα δεν επικαλύπτονται παράmargin-right: -1px

Τεύχος Chromium #749848 #17438 , #14237
Χρώμιο

Κάνοντας κλικ στη γραμμή κύλισης <select multiple>με υπερχειλισμένες επιλογές, θα επιλέξετε το κοντινό<option>

Τεύχος Chromium #597642 #19810
Χρώμιο

Μην κάνετε :hoverκολλώδεις ιστοσελίδες φιλικές προς την αφή

Τεύχος Chromium #370155 #12832
Χρώμιο

position: absoluteΤο στοιχείο που είναι ευρύτερο από τη στήλη του έχει περικοπεί εσφαλμένα στο όριο της στήλης

Τεύχος Chromium #269061 #20161
Chrome (Windows & Linux)

Πρόβλημα κινούμενης εικόνας κατά την επιστροφή στην ανενεργή καρτέλα μετά την εμφάνιση κινούμενων εικόνων ενώ η καρτέλα ήταν κρυφή.

Τεύχος Chromium #449180 #15298
Χρώμιο

Σημαντική επιτυχία απόδοσης για δυναμικά SVG με κείμενο ανάλογα με τον αριθμό των γραμματοσειρών σε font-family.

Τεύχος Chromium #781344 #24673
Σαφάρι

remΟι μονάδες σε ερωτήματα πολυμέσων θα πρέπει να υπολογίζονται χρησιμοποιώντας font-size: initialτο , όχι το ριζικό στοιχείοfont-size

Σφάλμα WebKit #156684 #17403
Σαφάρι

Ο σύνδεσμος προς το κοντέινερ με αναγνωριστικό και ευρετήριο καρτελών έχει ως αποτέλεσμα το κοντέινερ να αγνοείται από το VoiceOver (επηρεάζει τους συνδέσμους παράβλεψης)

Σφάλμα WebKit #163658 #20732
Σαφάρι

Τα χαρακτηριστικά 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 #18834768 #8350 , Κανονικοποίηση #283 , τεύχος Chromium #337668
Safari (macOS)

Μικρό μέγεθος γραμματοσειράς κατά την εκτύπωση ιστοσελίδας με σταθερό πλάτος .container.

Σφάλμα WebKit #138192 , Ραντάρ Apple Safari #19435018 #14868
Safari (iOS)

transform: translate3d(0,0,0);σφάλμα απόδοσης.

Σφάλμα WebKit #138162 , Ραντάρ Apple Safari #18804973 #14603
Safari (iOS)

Ο κέρσορας της εισαγωγής κειμένου δεν μετακινείται κατά την κύλιση της σελίδας.

Σφάλμα WebKit #138201 , Ραντάρ Apple Safari #18819624 #14708
Safari (iOS)

Δεν είναι δυνατή η μετακίνηση του δρομέα στην αρχή του κειμένου μετά την εισαγωγή μεγάλης συμβολοσειράς κειμένου<input type="text">

Σφάλμα WebKit #148061 , Ραντάρ Apple Safari #22299624 #16988
Safari (iOS)

display: blockπροκαλεί <input>την κατακόρυφη εσφαλμένη ευθυγράμμιση του κειμένου των χρονικών s

Σφάλμα WebKit #139848 , Ραντάρ Apple Safari #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 #24235301 #17497
Safari (iOS)

<body>με overflow:hiddenCSS έχει δυνατότητα κύλισης σε 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 #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

Όταν η εικονική εστίαση είναι σε ένα κουμπί ή σύνδεσμο, ενεργοποιήστε επίσης την πραγματική εστίαση στο στοιχείο

Σφάλμα Mozilla #1000082 #20732
Χρώμιο

Ενεργοποίηση transitioncancelσυμβάντος όταν ακυρώνεται μια μετάβαση CSS

Τεύχος Chromium #642487 Τεύχος Chromium #437860
Χρώμιο

Εφαρμόστε τη of <selector-list>ρήτρα της :nth-child()ψευδοτάξης

Τεύχος Chromium #304163 #20143
Χρώμιο

Υλοποιήστε την :dir()ψευδο-κλάση από Επιλογείς Επίπεδο 4

Τεύχος Chromium #576815 #19984
Σαφάρι

Ενεργοποίηση transitioncancelσυμβάντος όταν ακυρώνεται μια μετάβαση CSS

Σφάλμα WebKit #161535 #20618
Σαφάρι

Υλοποιήστε την :dir()ψευδο-κλάση από Επιλογείς Επίπεδο 4

Σφάλμα WebKit #64861 #19984
Σαφάρι

Υλοποιήστε το στοιχείο HTML5<dialog>

Σφάλμα WebKit #84635 #20175