Custom CSS button link reading as popup (does not work unless popups enabled in settings)

Site URL: https://www.crowdcover.app/rooms-list

Hi all! I have injected a custom css code to link to another page on my website, but Safari is reading the link as a popup and unless that setting is turned off- the button won't work. How can I make this work where Safari will not read my link as a popup? I know people won't want to disable that setting on their iphones! thank you

Using the code block, here is my code:

 <iframe id="custom-room-list-iframe" src="https://enablex-api.herokuapp.com/" width="100%" height="100%">
 

You mean click Join button >> it should not show popup?

hi, thanks for the response! I'm referring to just a regular button link (that we inputted custom css code), not the join button- sorry you would have seen that because it is a member only sign in area. We are trying to link 2 pages within our Squarespace website, the link is reading as a popup on IOS Safari and disables the button. On Android there is no issues. We are unable to enable the link to open within the same tab (we have to open link in new tab because it is showing status of another room being available). Is there a code injection we can input to not have Safari read as a popup? @tuanphan