I’m using the nice-select jQuery plugin to make my select boxes look a little less disgusting. It grabs the classes on each select element and copies them over to a div that contains a ul. Then once you click the “select” (actually a div now) it adds the class “open” to that div to display the ul element. However, I’ve noticed that any select element I manually put on the page anywhere work perfectly as intended, but select elements added by the SF Pro forms I create the “open” class never gets added when clicked.

I’ve watched in the console to see if there are any errors. There’s not. I’ve also watched each div element I’m clicking to see if it’s updating the class. You can see the classes act as if they’re updating, but no class is ever added.

I’ve also tried initializing the nice-select plugin INSIDE of the sf:init so that it’s run after, but then it just doesn’t work at all. No styling whatsoever.

// Initiate the custom selectbox
 $('select').addClass('wide').niceSelect();

Also, it appears that it’s only the class “open” that it doesn’t like. I’ve tried adding other classes, and they work ok, just not “open”. I even tried adding an onclick event to the div to toggleClass(‘open’) to no avail.