I am facing a challenge with my GridStack items, which each contain elements like graphs that need to be re-rendered when the size of the gridstack item (cell) changes. I am attempting to use the change event on GridStack to detect the modified items and trigger a custom event containing the new size and width of each item so that internal elements can respond accordingly.
The issue lies in the fact that the change event provides the new height and width in a different format, whereas I require the actual pixel values for proper event triggering. Trying to use jQuery directly on the item doesn't work because it does not capture the precise post-resize dimensions.
1> How can I accurately convert the gridstack height and width to pixels?
2> Is there a more effective approach to achieve what I intend to do? In other words, is there a better method to notify the elements inside each grid item about the item's new size in pixels?