Page code doesn't run on mobile with hidden element

Ask the community
,
1

I ran into but (mostly) resolved an issue I found when working on the mobile layout of my site. There are a few elements that I originally wanted to show, and might still show eventually but have them hidden for now.

When I preview this on either desktop or mobile view, or work with it on desktop on the published site everything works fine. However on mobile none of the code seems to run. I was doing some debugging and brought back all the hidden elements and everything worked. My initial assumption was that on mobile some issue was encountered when populating an element not on the UI. However I hid just a bit of text that is not used in the code at all. Even then nothing calculated. I switched this back and forth several times hiding and unhiding the element and even created a new one and hid that. I always got the same result.

Is hiding elements not supported if you are using corvid on that page?

2

There’s not enough info to answer this question.
Does it log any error to the console?

3

No errors in console since it works fine on desktop and while in preview mode. Only mobile didn’t work. I did some further testing and it only seems to happen if the element is hidden in 2 different ways. I had checked “Hidden on load” on the properties menu for some of the inputs. I mistakenly also hid the element while on the mobile editor. If the element is hidden in both ways when viewing the site on mobile (not in preview but actually visiting the site) it seems that nothing runs at all. So the problem is resolved but it is still rather interesting.

4

As J.D. states above, if you have any issues with your code not working, then you DO NEED to be pasting what code you have used along with any pics and/or links, as this is the Wix Corvid Forum and we can’t guess what is wrong with something that we can not see.

As for your issue, there are examples that you can see about using Wix Window API and the formFactor function to have code only run on certain devices.
https://www.wix.com/corvid/reference/wix-window.html#formFactor
https://support.wix.com/en/article/corvid-writing-code-that-only-runs-on-mobile-devices
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only

5

Sorry, maybe I didn’t explain myself well. It was that ANY code didn’t run, it didn’t matter what it was. Something as simple as

$w.onReady( function () {
console.log(“test123”)
$w(‘#input7’).value = $w(‘#slider1’).value
$w(‘#input8’).value = $w(‘#slider2’).value
$w(‘#input9’).value = $w(‘#slider3’).value
});

Doesn’t run if I hide a text in 2 different ways, I had come back forgetting I had hidden it previously. If I click the “hide” button on the mobile layout then all page code stops working. I will come back to play with it more with some simpler logic on a new page since I am not sure if something buried somewhere is causing some issues.

I was just curious if anyone had encountered an issue similar before. I wanted both the mobile and the desktop site to run the same way. The most curious piece was the mobile preview mode worked fine, while the mobile on my actual device did not. When I unhid the text9 element (which isn’t used anywhere in the code) it worked again.

6

Same issue. Mobile code not running at all

7

Same issue. I want to hide all elements of a form after confirming choices to then show the form’s submit button. Mobile doesn’t work even though preview mobile does.

8

Same issue… very disappointing even after 4 years this hasn’t been solved

9

I’m also facing the same problem. I don’t understand why WIX doesn’t have two separate Velo codes for desktop and mobile. Desktop element, for example, $w(‘#xyz’), might or might not exist on the mobile version. So code would always through an error.

An element with the ID ‘#xyz’ does not exist on this page (mobile). Select another element and view or edit its ID in the Properties & Events panel.