search

ManifestWebDesign / angular-gridster

An implementation of gridster-like widgets for Angular JS
http://manifestwebdesign.github.io/angular-gridster/
MIT License
966 stars 395 forks source link

Size limitation on very long grid (the limit is different depending on the browser) #489

Open wmai opened 6 years ago

wmai commented 6 years ago

Hello,

I've some trouble to resize gridster's items when they reach a certain size (85 rows in my case).

As you can see in the jsfiddle bellow, it's impossible to make the first item longer. Despite the fact that I increased maxRows to a very large number.

http://jsfiddle.net/ax21efbd/4/

I've also tried to make smaller blocks, to see if it depends of the size in pixel or of the number of rows. And my conclusion is that, with smaller blocks, the limit is reach with a higher number of row, but there is still a limit/problem.

Did I miss something ? Does it happened to someone else ?

Thank you very much for your help.

(Sorry for any spelling mistakes. English is not my native language.)

Update 1

I just found out that the behaviour depends on the browser :

On Chrome: items can't exceed 85 rows On Firefox: items can't exceed 87 rows On Safari: items can't exceed 124 rows

anx-ckreuzberger commented 5 years ago

Hi,

I'm having the very same issue. I believe it is related to the max-height of the grid of roughly 10k pixels. I will see if I can fix this and create a fork.

anx-ckreuzberger commented 5 years ago

Found it...

https://github.com/ManifestWebDesign/angular-gridster/blob/master/src/angular-gridster.js#L1707

This limits it to 9999 pixels. Increasing this value to something larger fixes our problem.