Collapsible region has horizontal scrollbar in Firefox when collapsible-toggle link has focus [#1025054]

I really love this feature, but it seems to act oddly in Firefox. When un-collapsing the region by clicking on the toggle, it has a horizontal scrollbar, and shows the dotted border indicating keyboard focus. If I click away from the toggle the scrollbar goes away and displays beautifully. See attached image.

This on a clean install of Drupal 7.0, Sky 7.x-1.2, Firefox 3.6.13 Windows. The block is done using the "Add block feature", but seems to have the same behavior when using any module contributed block.

I wish I could post a patch with a fix, but alas patience with CSS weirdness is not one of my virtues.

Comment	File	Size	Author
	sky-ff.png	8.45 KB	mtsanford

Comments

Comment #1

mtsanford commented 13 January 2011 at 03:02

OK, this one actually seems pretty easy. Rather than submit an actual cvs patch, since it's just a one liner, I submit this change to style.css for your consideration:

From:

.collapsible-toggle a:hover,
.collapsible-toggle a:focus,
.collapsible-toggle a:active {
  background-image: url(../images/gray.png);
}

Adding 1 line, to be this:

.collapsible-toggle a:hover,
.collapsible-toggle a:focus,
.collapsible-toggle a:active {
  background-image: url(../images/gray.png);
  outline:none;
}