Last thumbnail from next page appended to bottom of previous page thumbnails [#1176648]

When there are multiple pages, that last thumbnail from successive pages are sometimes appended to the bottom of the thumbnails on the current page. The list item for that thumbnail is getting display:list-item, when it should be assigned display:none as all the other thumbnails from other pages are. If you're on page 1 of the gallery and you go to page 2 or 3 and then back to a previous page using the pager below the thumbnails, the last thumbnail from a page you were just on will be appended to the thumbnails on the current page. It might be the last thumbnail in the series, or the last thumbnail from the next page relative to the page you're on. It doesn't always happen, but once it does, the extra thumbnail will always appear until you refresh the page.

I've tried clearing the views cache but it makes no difference. Anyone else have this problem?

Comments

Comment #1

jmoruzi

Brantford, ON

CreditAttribution: jmoruzi commented 2 June 2011 at 14:27

One more thing, I don't think this was happening on my local box because I didn't notice it until after the site was live. Perhaps it was a update of a different module that caused this? You can see it on the live site here: www.mikemoruzi.com/photo-galleries/portraits

Comment #2

jmoruzi

Brantford, ON

CreditAttribution: jmoruzi commented 5 July 2011 at 22:00

Anyone have any idea why this is happening?

Comment #3

skullJ CreditAttribution: skullJ commented 4 November 2011 at 12:01

same problem

Comment #4

chrisK CreditAttribution: chrisK commented 13 November 2011 at 11:12

this problem also happens at www.marlagoutsos.gr .

Comment #5

chrisK CreditAttribution: chrisK commented 13 November 2011 at 11:12

I disabled the pager at the bottom of the gallery (Enable Bottom Pager->NO) and now it works fine...When i enable it the problem appears...

Comment #6

m3m3nto CreditAttribution: m3m3nto commented 24 November 2011 at 09:44

Version:

7.x-1.0-beta2

» 7.x-1.0

I've solved this issue with a simple workaround.
Try adding an height and an overflow: hidden property to the div that contains the view.

Comment #7

jmoruzi

Brantford, ON

CreditAttribution: jmoruzi commented 2 December 2011 at 19:58

Thanks m3m3nto. I placed a max-height, and overflow:hidden on '#galleriffic ul.thumbs' since that's the container containing the thumbnails and that hides the extra thumbnail nicely.

Comment #8

stuartlyle CreditAttribution: stuartlyle commented 28 August 2013 at 17:05

Im still having this issue, the overflow hidden didn't work for me.
Also my last page of thumbnails it doesn't fill out the block so the height
wouldn't be able to cut out that last thumbnail that shows up when
navigating back to the previous thumbnail page.