The masonry.js not loaded if page refreshes directly

[georgejxzhang]

Issue Description:
I use theme Lavender to have masonry effect for my Categories page. When I clicked on the navigation button to this page, the masonry effect shows correctly. However, if I refreshed the page by F5 or access directly http://localhost:4567/categories , the masonry effect wasn't applied as below.

Questions:
I want to figure out if this is problem on the plugin nodebb-theme-lavender or nodebb won't load the plugin scripts (directly load or F5) by design.

Could some one give me some idea about this?

[baris]

I think the theme wasn't updated to handle the changes to the script load order, so it is not calling doMasonry when the page is cold loaded. Will work on a fix, thanks for reporting.

[georgejxzhang]

@baris said in The masonry.js not loaded if page refreshes directly:

doMasonry

Thanks for your update. Is it in nodebb core or in plugin nodebb-theme-lavender? I may have to fix it a.s.a.p. to solve our production problem as categary become our home page.

[baris]

It is in nodebb-theme-lavender but I am not 100% sure if thats the problem, you can find it here https://github.com/NodeBB/nodebb-theme-lavender/blob/master/static/lib/lavender.js#L69

[georgejxzhang]

@baris Thanks. I applied a dirty fix below:

//page load or reload to doMasonry
if($('.masonry').length) {
        doMasonry();
}

The github fork is here:
https://github.com/georgezhang/nodebb-theme-lavender/blob/master/static/lib/lavender.js

[rod]

I’ve had this problem for quite some time so happy to see a fix may occur. Thanks!