Data Binding Expressions doesn't work on iOS - got turned into call links

[UKRiggers]

I have an image upload page where I show the images before upload. I use an expression to show the Mb of each image and then another expression which shows the total Mb’s of all the images. It shows correctly on PC and Android but Totals expression doesn’t work on the iPad. Can anyone give me a clue as to why this might be?

The expressions are…
{{((size / 1024)/ 1024).round(3)}} Mb
Total {{(image.files.sum(‘size’) / 1048576).round(2)}} Mb

And the code with the expressions I use is…

        <div class="form-row" style="background-color: #f3f3f0;" dmx-show="image.value">
          <div style="padding: 5px; background-color: rgb(243, 243, 240); display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: small;" dmx-repeat:web_upload_form_repeat="web_upload_form.image.files">
            <img style="max-width:100px; max-height:100px; margin: 5px 5px; display:block" dmx-bind:src="dataUrl">
            {{((size / 1024)/ 1024).round(3)}} Mb
          </div>
          <div style="width: 100%; padding: 14px;">Total {{(image.files.sum('size') / 1048576).round(2)}} Mb</div>
        </div>

Here are some screenshots…

Windows 10 PC

Android Samsung S8 Phone

iPad 3

[George]

There is probably some general JavaScript error on your page that occurs on the iPad - preventing execution of all the App Connect.

So you should enable the iOS lagging and see what the error is.

Maybe this is helpful:

Activate the Debugging Console or Web Inspector in Safari for iPhone

[UKRiggers]

Thanks for the quick response @George, problem is I don’t have a Mac. I could do some trial and error testing but not sure where to start.

[George]

Maybe try with some simpler pages where you can gradually add the functionality so you can isolate the problem.

Or if you have a live url - we can check it out

[UKRiggers]

@George, sent you a PM

[George]

well found the problem … safari things you have telephone numbers in your expression and makes call links from them… so it breaks your expression.

so it is a bit stupid … for now you can just put the static number in a variable…

[George]

Aha seems there is a meta tag for this

How to disable phone number linking in Mobile Safari?

[UKRiggers]

Brilliant, thanks, I’ll sort that in a little while.
Great support.

[UKRiggers]

That worked well @George, just as a side note I am getting a ‘violation’ warning in Chrome on Windows 10 when I first select images, do you know why this might be? And is it something I should be concerned about?

[patrick]

It is nothing to be concerned about. The Violation message happens when an event handler requires too much time to execute and would block other JavaScript from execution. In your case there is a function that took 166ms to execute, you probably won’t notice that.