Darstellung im Safari optimieren und überflüssige Scrollbars entfernen
Im Safari Webbrowser (aktuelle Version, 16.5) unter macOS 13.4 treten an vielen Stellen unnötige Scrollbars auf – auch in der Darstellung in Originalgröße ohne jeglichen Zoom.
Auslöser dafür sind folgende CSS Anweisungen – zumindest sind die Scrollbars bei dessen Deaktivierung verschwunden:
.lx-flex-item{ overflow-y: auto; }
.lx-flex-container-horizontal, .lx-flex-container-vertical, .ngdialog-content, .ngdialog-content .modal-body, .ngdialog-content .modal-content, .ngdialog-content .modal-dialog { overflow-y: auto; }
Und das Inline-CSS "overflow-y: hidden;" in folgender HTML-Zeile:
<div class="lx-bg-accent container-fluid lx-flex-item lx-flex-container-vertical" style="overflow-y: hidden;" lx-block-ui="blockUiPromise" lx-block-ui-delay="200" lx-block-ui-animation="true">
Das ist wirklich unschön und stört ständig bei der täglichen Arbeit.
Benjamin
teilte diese Idee