Something very weird is happening. I have made a landing page where other pages are integrated in a lightbox using an iframe.

In that iframe a Semantic UI dropdown is being used.

The dropdown is initiated perfectly and works without a problem if you open the iframe url directly in your browser. If you open it in the lightbox of the landing page, it only seems to be initiated correctly when having the console open. My code obviously always remains the same:

$('.ui.dropdown').dropdown();

Even trying to initiate it using the above line of code after the page has been loaded doesn't work.

Working url, not in iframe => click "Start" and then "Receive an offer" in the top right

Landing page => click "Antwerp East" then "Receive an offer" in the top right, with the developer console already open (it works then) before clicking "Antwerp East" or without it being open (it doesn't work then)

I'm terribly sorry I am not posting my code, but clearly it must be some sort of weird bug in either Semantic UI or Google Chrome. If desired, I will post it, but it does not seem relevant at all here.