Why do my links display incorrectly on mobile?

Ask the community
1

I have a collection that contains a list of fitness programs. Each program has a Zoom URL for participants to join. I have a text element that is connected to a dataset, which provides the Zoom URL for the currently selected fitness program.

769×445 37.8 KB

When I view the live version of my website on desktop, the URL displays correctly:

…but when I view it on a mobile device, the URL is shown as pieces of some HTML element, and is repeated:

750×1252 144 KB

I think the link itself may be causing the issue because this occurs on both Android and iPhone. I’ve censored the meeting ID and password in the above link, but the censored part of the URL in these images is formatted like so:

[string of alphanumeric characters] ?pwd= [string of alphanumeric characters]

When I remove the meeting ID and password from the URL, the link displays correctly. It’s only when I begin affixing anything after “…zoom.us/j/” that the link displays incorrectly.

What is the cause, and how can I fix this?

2

Please post the URL and explain exactly where and how to see this issue. I will pass this on to QA for evaluation.

3

Accidentally posted as answer instead of reply, here’s the information–

URL: https://www.trinityriverhealthcoaching.com/zoom-link-demo

To see this issue: simply access that URL from a mobile device , such as an iPhone or an Android-- anything that has the capacity to download mobile apps such as the Zoom app.

As mentioned above, Zoom links only cause problems when any characters are appended after “zoom.us/j/”, where the Zoom meeting ID and passcode would be placed. I suspect it may have something to do with the fact that when you follow that URL on a mobile device, it prompts you to open the link in your phone’s Zoom app.