Waiting for gg.google.com

I am developing a Google Maps module for Sitecore, and when I test it in Firefox my Google Javascript won’t load. All I get is: “Waiting for gg.google.com…”.

Waiting for gg.google.com

It seemes to be a problem with certain versions of Firefox and Firebug. If Firebug has Script debugging enabled, the Google Maps script will not load.

Disabling Script debugging in Firebug solves the problem:

Disable Script Debugging in Firebug

But now I cannot debug the Javascript I am creating using Firefox. Well… I’m glad I got Google Chrome.

Firefox only prints first page of contents

It seems that there is a bug loose from the dawn of Firefox that disables printing of other pages but the first one on certain websites. Several solutions have been suggested, but none of them worked for me.

Then I approached the problem rationally. I simply disabled all style sheets, then added the style elements one by one until the print failed. I found the problem in the folllwing .CSS code:

.ThreeColumn .ContentBlock
{
    float: left;
    width: 440px;
    padding: 10px 20px 20px 20px;
    background-color: #FFFFFF;
    overflow: hidden; /* here is my problem! */
}

The problem is the overflow:hidden. When this attribute is set, Firefox only prints the first page. Maybe Firefox interprets the overflow:hidden as a command to hide text when overflowing to another page in the print?

Anyway, I removed this attribute and my page printed nicely.

Vertical scroll bar in Firefox

The vertical scroll bar in Firefox is a menace. Internet Explorer just grays it out when there is no need for scrolling. Firefox removes it, making the design “jump” from side to side when swiching pages. I have customers calling me, claiming there is an error with the design because it jumps from side to side.

Is there a solution for this? Yes. There are 2, a good and a better one.

You can add the Mozilla specific -moz-scrollbars-vertical to the HTML tag in your css:

html {
  overflow: -moz-scrollbars-vertical;
}

Unfortunately this eliminates the horizontal scroll bar so users can’t scroll horizontally if need be.
Another solution is to use the overflow-y on the HTML tag in the css:

html {
  overflow-y: scroll;
}

This solution has the disadvantage that the CSS will not validate, as the overflow-y does not exist i CSS 2 but only in CSS3.

There is a 3rd solution which is to modify your local C:\Program Files\Mozilla Firefox\res\html.css file with one of the 2 solutions above. This only works on your machine though.