I'm trying out the Masonry feature inside a Tab.

There's no problem when the masonry is placed inside the default active tab.The masonry simply loads when the page is loaded.

However, when a non-active tab containing masonry is activated (ie. the tab button clicked), the masonry items are all tiled (ie. overlapped) in a single location. I had to resize the window to cause the masonry to arrange the items. I guess that by changing the window size, it triggers the JavaScript to run.

I'd like to make the masonry displayed properly when a tab button is clicked. How do I resolved this problem.