Slider appears with empty content when published

This has been driving me crazy for days now, to the point I disbanded my project which was based on someone else’s slider and started from scratch and kept it simple. But once published , gives the same issues. The slider, is contained within a form. It has radios, checkboxes and Inputs. Works fine in preview. But after publishing, the contents of the slider is not visible.

I think it might have something to do with the mask layer. However this is untouched and just what the slider component created when selected it in the designer.

Published site

EDIT: It appears if I were to copy and paste the entire form. The second one works fine. I can swap the order around and the second one on the page is the one that always works.

Here is my site Read-Only: