[Fixed] Page nav borked in FF

Allen

I see this on every gallery page using Firefox in a Smugmug style gallery.
I just updated to FF version 30. Chrome and IE are okay.

rainforest1155

That seems to be a Firefox change introduced with their latest update. Was fine with version 29.0.1. I've passed it on to the QA team for further investigation.

Allen

rainforest1155 wrote: »

That seems to be a Firefox change introduced with their latest update. Was fine with version 29.0.1. I've passed it on to the QA team for further investigation.

Thanks Seb, sure looks ugly.

rainforest1155

I heard back from our team and it looks like with the recent update Firefox broke the workarounds we were using to style the dropdown arrow, but did not fix the bug to allow us to style it properly. With the workarounds broken, there's no much we can do, but wait for Firefox to fix the bug on their end.
Note that this isn't just an issue for SmugMug, but also other sites.

Allen

rainforest1155 wrote: »

I heard back from our team and it looks like with the recent update Firefox broke the workarounds we were using to style the dropdown arrow, but did not fix the bug to allow us to style it properly. With the workarounds broken, there's no much we can do, but wait for Firefox to fix the bug on their end.
Note that this isn't just an issue for SmugMug, but also other sites.

Well, it didn't break in legacy which has a 1000% better page nav.

Jtring

If anyone is interested, I put the following piece of CSS up on my site that makes this situation a little less ugly. This patch is specific to FF30 and to Smugmug gallery style pages. It moves Firefox's big drop-down arrow to the right and gets rid of Smugmug's little arrow. It's not wonderful, but at least there are no elements on top of other elements. Use at your own risk.

If anyone has a way to get rid of the Firefox arrow completely, please post. There was a way in FF29 and before -- Smugmug implemented it -- but FF30 broke that approach. Mozilla is getting lots of flak on this one.

/* Firefox 30 places the select drop-down arrow in a location that does not
work very well for the Smugmug style gallery design.  This patch moves the 
arrow over a bit and gets rid of Smugmug's default down-arrow. 
It still looks clunky, but not quite as awful.
Ref: http://stackoverflow.com/questions/23680116/
how-can-i-hide-a-select-arrow-in-firefox-30
J Ringland 2014-06-25*/

.sm-browser-firefox-30 .sm-gallery-smugmug .sm-form-field-select {
  width:135%;
}
.sm-browser-firefox-30 .sm-gallery-smugmug  
.sm-fonticon-AngleBracketDown:before {
  content:"";
}

Jtring

I observed today while working with a new gallery that SmugMug has adjusted the spacing on the gallery style pages so they work with Firefox 30's drop-down arrow. Firefox 30's controls still aren't exactly pretty but the alignment problems are gone. The patch I posted is no longer needed. Let me offer a big Thank You to the SM developers for building the work-around.

Allen

Thanks Jim for noticing.
I'll offer the same thank you to Smug, works now.