Elements are not hidden on page load ; work at times after refreshing the page

Ask the community
,
1

For the love of God, can somebody please help me?

I’ve been going back and forth with Wix Support via email without any resolution of my issue for almost 3 WEEKS NOW. This is insane!

  1. Site page: https://www.theeyemanual.org/
  2. Pages with issues: https://www.theeyemanual.org/condition
    https://www.theeyemanual.org/binocularvision
    https://www.theeyemanual.org/medications
    https://www.theeyemanual.org/contactlenses
    3-4) Elements need to be hidden on page-load (show on page load)
    Text in Repeater needs to be hidden on page-load (show on page load)
    Read More buttons on repeaters do not work on (page load)
    Refreshing the page fixes the issue at times

Here is the code from one of the pages:

import wixData from ‘wix-data’ ;
import wixWindow from ‘wix-window’ ;

import wixLocation from ‘wix-location’ ;
$w.onReady( function () {

$w( “#teamRepeater” ).onItemReady( ($item, itemData, index) => {
$item( “#description” ).collapse();
} );
$w( “#readmorebtn” ).onClick( (event) => {
let $item = $w.at(event.context);
let clickedItemData = $item( “#projectsDataset” ).getCurrentItem();
if ($item( ‘#description’ ).collapsed) {
$item( ‘#description’ ).expand();
$item( ‘#readmorebtn’ ).label = “Read Less” ;
} else {
$item( ‘#description’ ).collapse();
$item( ‘#readmorebtn’ ).label = “Read More” ;
}
} );
$w( “#repeater8” ).onItemReady( ($item, itemData, index) => {
$item( “#text101” ).collapse();
} );
$w( “#button113” ).onClick( (event) => {
let $item = $w.at(event.context);
let clickedItemData = $item( “#dataset12” ).getCurrentItem();
if ($item( ‘#text101’ ).collapsed) {
$item( ‘#text101’ ).expand();
$item( ‘#button113’ ).label = “Read Less” ;
} else {
$item( ‘#text101’ ).collapse();
$item( ‘#button113’ ).label = “Read More” ;
}
} );
$w( “#repeater10” ).onItemReady( ($item, itemData, index) => {
$item( “#text113” ).collapse();
} );
$w( “#button117” ).onClick( (event) => {
let $item = $w.at(event.context);
let clickedItemData = $item( “#dataset13” ).getCurrentItem();
if ($item( ‘#text113’ ).collapsed) {
$item( ‘#text113’ ).expand();
$item( ‘#button117’ ).label = “Read Less” ;
} else {
$item( ‘#text113’ ).collapse();
$item( ‘#button117’ ).label = “Read More” ;
}
} );
$w( “#repeater6” ).onItemReady( ($item, itemData, index) => {
$item( “#text89” ).collapse();
} );
$w( “#button109” ).onClick( (event) => {
let $item = $w.at(event.context);
let clickedItemData = $item( “#dataset9” ).getCurrentItem();
if ($item( ‘#text89’ ).collapsed) {
$item( ‘#text89’ ).expand();
$item( ‘#button109’ ).label = “Read Less” ;
} else {
$item( ‘#text89’ ).collapse();
$item( ‘#button109’ ).label = “Read More” ;
}
} );
$w( “#button20” ).onClick((event) => {
$w( ‘#statebox8’ ).changeState( “Conditions” );
});
$w( “#button21” ).onClick((event) => {
$w( ‘#statebox8’ ).changeState( “Associations” );
});
$w( “#button26” ).onClick((event) => {
$w( ‘#statebox8’ ).changeState( “Conditions2” );
});
$w( “#button118” ).onClick((event) => {
$w( ‘#statebox8’ ).changeState( “Associations2” );
});
$w( “#button28” ).onClick((event) => {
$w( ‘#statebox8’ ).changeState( “Optomap” );
});
$w( “#button35” ).onClick((event) => {
$w( ‘#statebox8’ ).changeState( “OptomapAF” );
});
$w( “#button125” ).onClick((event) => {
$w( ‘#statebox9’ ).changeState( “CHANGECATEGORY” );
});
$w( “#button126” ).onClick((event) => {
$w( ‘#statebox9’ ).changeState( “REFINESEARCH” );
});
$w( “#button127” ).onClick((event) => {
$w( ‘#statebox9’ ).changeState( “REFINEOCTSEARCH” );
});
$w( “#button128” ).onClick((event) => {
$w( ‘#statebox9’ ).changeState( “NORMALOCT” );
});
$w( “#button119” ).onClick((event) => {
$w( “#dataset9” ).loadMore()
$w( “#projectsDataset” ).loadMore()
$w( “#dataset12” ).loadMore()
$w( “#dataset13” ).loadMore()
});
$w( “#button27” ).onClick((event) => {
let option1 = $w( ‘#statebox9’ ).collapsed;
if (option1 === true ) {
$w( ‘#statebox9’ ).expand();
$w( “#group4” ).expand();
} else {
$w( ‘#statebox9’ ).collapse();
$w( “#group4” ).collapse();
}
});
$w( “#button1” ).onClick((event) => {
$w( "#dropdown2, #dropdown1, #sortDD, #dropdown2, #dropdown1, #dropdown5, #dropdown4, #dropdown6, #dropdown7, #dropdown8, #dropdown9, #dropdown21, #dropdown17, #dropdown19, #dropdown15, #dropdown20, #dropdown16, #dropdown18, #dropdown14 " ).value = null
$w( “#dataset1” ).refresh()
$w( “#projectsDataset” ).refresh()
$w( “#dataset8” ).refresh()
$w( “#dataset9” ).refresh()
$w( “#dataset6” ).refresh()
$w( “#dataset7” ).refresh()
$w( “#dataset2” ).refresh()
$w( “#dataset3” ).refresh()
$w( “#dataset4” ).refresh()
$w( “#dataset5” ).refresh()
$w( “#dataset12” ).refresh()
$w( “#dataset10” ).refresh()
$w( “#dataset15” ).refresh()
$w( “#dataset16” ).refresh()
$w( “#dataset14” ).refresh()
$w( “#dataset11” ).refresh()
$w( “#dataset13” ).refresh()
});
$w( “#sortDD” ).onChange((event) => {
if ($w( ‘#sortDD’ ).value === ‘Sort by Name (ascending)’ ) {
$w( “#projectsDataset” ).setSort(wixData.sort()
.ascending( “title2” )
);
$w( “#dataset9” ).setSort(wixData.sort()
.ascending( “title2” )
);
$w( “#dataset12” ).setSort(wixData.sort()
.ascending( “title2” )
);
$w( “#dataset13” ).setSort(wixData.sort()
.ascending( “title2” )
);
$w( “#dataset16” ).setSort(wixData.sort()
.ascending( “title2” )
);
$w( “#dataset8” ).setSort(wixData.sort()
.ascending( “title2” )
);
} else if ($w( ‘#sortDD’ ).value === ‘Sort by Name (descending)’ ) {
$w( “#projectsDataset” ).setSort(wixData.sort()
.descending( “title2” )
);
$w( “#dataset9” ).setSort(wixData.sort()
.descending( “title2” )
);
$w( “#dataset12” ).setSort(wixData.sort()
.descending( “title2” )
);
$w( “#dataset13” ).setSort(wixData.sort()
.descending( “title2” )
);
$w( “#dataset16” ).setSort(wixData.sort()
.descending( “title2” )
);
$w( “#dataset8” ).setSort(wixData.sort()
.descending( “title2” )
);
} else if ($w( ‘#sortDD’ ).value === ‘Sort by Category (descending)’ ) {
$w( “#projectsDataset” ).setSort(wixData.sort()
.descending( “category” )
);
$w( “#dataset9” ).setSort(wixData.sort()
.descending( “category” )
);
$w( “#dataset12” ).setSort(wixData.sort()
.descending( “category” )
);
$w( “#dataset13” ).setSort(wixData.sort()
.descending( “category” )
);

}  **else if**  ($w( '#sortDD' ).value ===  'Sort by Category (ascending)' ) { 
    $w( "#projectsDataset" ).setSort(wixData.sort() 
        .ascending( "category" ) 
    ); 
    $w( "#dataset9" ).setSort(wixData.sort() 
        .ascending( "category" ) 
    ); 
    $w( "#dataset12" ).setSort(wixData.sort() 
        .ascending( "category" ) 
    ); 
    $w( "#dataset13" ).setSort(wixData.sort() 
        .ascending( "category" ) 
    ); 
}

});
});

2

I see 17 datasets and nearly 200 lines of code. I have no idea how the page is supposed to behave, and am not sure what isn’t working properly.

Understand that we are unable to debug or rewrite complex code and page configurations. If you feel that there is a bug in Corvid, then please try to create a test page with the minimum scenario in which the problem appears to help us investigate the issue properly.

3

Everything worked perfectly before the rendering updates of Wix. I had no issues with any of the pages or any of the elements not responding properly.

I’ve attached a CSV of error messages I’ve received from a Scrutiny Report. Majority of them are Error 500 Internal Server Error.

Same exact issue happens on the Medications page, where I only have 8 datasets and 57 lines of code:

import wixData from ‘wix-data’ ;
import wixWindow from ‘wix-window’ ;
$w( “#readmorebtn” ).onClick( (event) => {
let $item = $w.at(event.context);
if ($item( ‘#description’ ).collapsed) {
$item( ‘#description’ ).expand();
$item( ‘#readmorebtn’ ).label = “Read Less” ;
} else {
$item( ‘#description’ ).collapse();
$item( ‘#readmorebtn’ ).label = “Read More” ;
}
} );

$w( “#button1” ).onClick( (event) => {
$w( “#dataset1” ).refresh();
$w( “#projectsDataset” ).refresh()
$w( “#dropdown12” ).selectedIndex=undefined;
$w( “#dropdown11” ).selectedIndex= undefined;
$w( “#dropdown13” ).selectedIndex= undefined;
$w( “#dropdown7” ).selectedIndex= undefined;
$w( “#dropdown4” ).selectedIndex= undefined;
$w( “#dropdown9” ).selectedIndex= undefined
} );

$w( “#button27” ).onClick( (event) => {
if ($w( “#columnStrip5” ).collapsed) {
$w( “#columnStrip5” ).expand();

}  **else**  { 
    $w( "#columnStrip5" ).collapse(); 
    $w( "#columnStrip2" ).collapse(); 
}

} );
$w( “#checkbox2” ).onClick( (event) => {
let option1 = $w( ‘#checkbox2’ ).checked;
if (option1 === false ){
$w( ‘#columnStrip2’ ).collapse();
} else {
$w( ‘#columnStrip2’ ).expand();
}
});
$w( “#checkbox3” ).onClick( (event) => {
let option2 = $w( ‘#checkbox3’ ).checked;
if (option2 === false ){
$w( ‘#button4’ ).hide()
} else {
$w( ‘#button4’ ).show();
}
} );
$w( “#button125” ).onClick( (event) => {
$w( “#projectsDataset” ).loadMore()
});

3068×230 247 KB

3086×1358 653 KB