Form Tabs widget text not showing on Safari

In Safari, the Forms Tab Widget only shows colors and not the text.

Hi Psychedelic,

Thanks for reaching out to us for help. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

Regarding the Forms Tab Widget issue in Safari where only colors show but not text, this could be related to how the widget handles styles within Safari's browser environment. Widgets have their own CSS injection settings, but sometimes browser-specific quirks affect display.

If you are using a Card form layout, note that custom CSS is only supported in the Classic form layout. Switching to Classic might help if you want to apply custom styles to the widget.

Let me know if you need guidance on switching form layouts or injecting CSS into the widget.

Give it a try and let us know how it goes.

Hi PsychedelicSupport,

Thanks for reaching out to Jotform Support. I checked your form on Safari, and the form tabs are showing the text correctly. Check this out:

It works correctly on iPhone and iPad as well. Can you confirm on what apple device where you getting the issue, and its version? If the form is embedded to your website, do share with us the link to the page where its embedded so we can check. Additionally, I've gone ahead and cleared your form cache. Most of the time, it helps clears peculiar issues happening in the form. I would suggest you clear your browser's cache as well.

Give it a try and let us know how it goes.

We are using the original, not cards. We got this to display correctly in Safari by adding Custom CSS to the Widget Settings however this is not ideal and will break if the widget changes. Please give this feedback to the Widget creators.

This code makes it display correctly:

.tabs-list li div.liContent {

display: flex

}

Hi PsychedelicSupport,

Can you send us the link of the form you're having issues with? Is it happening from your Attendee (CE/CME) Psychedelic Science Conference 2025 form? I cloned it and removed the CSS Code from the widget settings, but I can see the texts on the Form Tabs widget on Safari. Check out my screencast below:

Can you share with us a screenshot of what you're seeing? Let me show you how to post a screenshot to our support forum:

1. On the Help Center page, scroll down to the Your Answer section and click on the Image icon.

2. Drag and drop your image into the Upload box, or click on it and select your file.

3. Then, click on the Add button in the bottom-right corner of the window.

4. To resize it, click on your screenshot and then click on one of the boxes in the corners, and drag it inward.

5. Once you're finished, click on the Post Answer button at the bottom right of the Your Answer section.

Once we hear back from you, we'll be able to help you with this.

Here is a new tester form with the same issue (text unreadable on tabs) in Safari on mobile and desktop: https://form.jotform.com/251478453997071

Hi PsychedelicSupport,

I viewed your form using Safari and had the same issue, so I created a ticket and escalated this to our Developers. Although we don't know exactly when it'll be fixed, we’ll circle back to this thread when we have an update.

Thanks for your patience and understanding, we appreciate it.



The bug has been fixed.
Please try again - clear your browser cache to get the new changes.

Let us know if you have any questions.