Scrollbars in der Responsive Design View liegen über dem SeiteninhaltAls ich am vergangenen Dienstag den frisch auf Version 24 aktualisierten Firefox benutze und mich daran machte, mein aktuelles Projekt in der Responsive Design View zu bearbeiten, wunderte ich mich etwas: Zuvor nebeneinander fließende Elemente brachen mit einem Mal um. Beim Blick in das Layout-Fenster vom Firebug fiel mir auf, dass die Seitenbreite quasi über Nacht von 320 auf 305 Pixel gesunken war. Wie konnte das passieren? Nach ein wenig Grübeln (und einer Tasse Kaffee) kam ich schließlich drauf: Die Scrollbars lagen nicht mehr über dem Inhalt, sondern daneben und beeinträchtigten somit dessen Breite. Äußerst unschön, denn dieses Verhalten stimmt nicht mit mobilen Endgeräten überein in denen Scrollbars über dem Inhalt liegen (mittlerweile ist dieser Bug dokumentiert und soll in Firefox-Version 27 behoben werden).

Ein temporärer Fix für dieses Problem bestand im Addieren von je 15 Pixel zu den entsprechenden Preset-Breiten der Responsive Design View. Etwas umständlicher zwar, aber es funktionierte.

Als ich dieses Problemchen jedoch kurz darauf mit meinen Frontend-Developer-Kollegen besprach, kam eine weitere Lösungsmöglichkeit zu Tage: Und zwar gibt es in den Systemeinstellungen unter Allgemein spezielle Settings für Rollbalken. Dort muss die Option Beim Scrollen aktiviert sein. Dies bewirkt, dass systemweit Scrollbars nur beim tatsächlichen Scrollen eingeblendet werden und dann über dem Fensterinhalt liegen- auch in der Reponsive Design View im Firefox 24.
Scroll-Einstellungen von OS X 10.8.4

Schreib einen Kommentar

Kommentar verfassen