ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.03k stars 1.2k forks source link

In latest version of Chrome if any of the widget is deleted than rest of widgets overlaps and starts shrinking #372

Closed viking916 closed 10 years ago

viking916 commented 10 years ago

Whenever i delete any widget from gidster it causes other widgets to resize and overlap. This is only happening in latest version of Chrome. It works fine in latest FF and ie8 and above.

Following are the images of the layout before and after the delete:

Before deleting any widget: http://imgur.com/0JzXGdj

After deleting widget#1,here you will be able to see that bottom widget is overlapping top widget. Both the widgets starts to misaligned and shrink: http://imgur.com/Tiri6Yv

i use following lines of code to delete widget: var gridster = $(".gridster ul").gridster().data('gridster'); gridster.remove_widget($('#geoChartLi'));

Here "geoChartLi" is the id of li element/widget of gridster.

i noticed that following changes in terms of css: [data-sizex="1"] { width: unexpected new value ; } [data-sizey="1"] { height: unexpected new value; }

[data-col="2"] { left: unexpected new value; }

[data-row="2"] { top: unexpected new value; }

[data-sizey="2"] { min-height:unexpected new value ; }

There might be more properties thats getting affected its just that i have noticed this few.

Please help. Thanks!

hrosenbauer commented 10 years ago

Could you create e.g. a jsfiddle for this testcase? We are using gridster and I don't have any problems using Chrome Canary (latest nightly build) or stable.

viking916 commented 10 years ago

Yes i'll create fiddle and post it here. Thanks

vieron commented 10 years ago

Can't reproduce it. Please update a jsfiddle example if problem persists. Closing...