codrops / ThumbnailGridExpandingPreview

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
360 stars 143 forks source link

The detail paragraph gets truncated? #6

Open foaad1961 opened 10 years ago

foaad1961 commented 10 years ago

I have made sure that there are no other codes for the paragraph, and it does not contain any extra spaces between the words. However, the paragraph gets truncated after 560 to 590 characters with spaces. I have set the height to 100% and there is certainly enough space for the whole paragraph to display. I have reviewed all files and CSS, and I cannot find any limitation to set for the paragraph size. I have even tried editing and adding more content using firebug and Firebug can add more than 1500 characters with spaces and more. Has anyone had this issue before? and how to resolve it? Any suggestion would greatly be appreciated.

pestbarn commented 10 years ago

This is caused by the calculation of the height of the containing div. If the content is taller than the container, it disappears due to overflow: auto. You can set a min-height in the settings in grid.js, on row 196.