Problem: Website uses drop down list menu for page navigation. Page navigation is not working on Safari iPhone iPad. It works in windows & android environment.
Corvid code:
import wixLocation from ‘wix-location’ ;
export function dropdownstate_change(event) {
$w( “#datasetMenuState” ).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w( “#datasetMenuState” ).getCurrentItem().catalogUrl);
} );
}
export [function](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
}) [ dropdownModality_change(event) {](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
})
[ $w(](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
}) [“#datasetMenuModality”](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
}) [).setCurrentItemIndex(event.target.selectedIndex)](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
})
[ .then( () => {](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
})
[ wixLocation.to($w(](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
}) [“#datasetMenuModality”](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
}) [).getCurrentItem().catalogUrl);](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
})
[ } );](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
})
[}](function dropdownModality_change(event) {
$w(“#datasetMenuModality”).setCurrentItemIndex(event.target.selectedIndex)
.then( () => {
wixLocation.to($w(“#datasetMenuModality”).getCurrentItem().catalogUrl);
} );
})
export function dropdownstate_viewportEnter(event) {
$w( “#dropdownstatepage” ).value = $w( “#dropdownstatepage” ).placeholder;
}
export function dropdownModality_viewportEnter(event) {
$w( “#dropdownModalityPage” ).value = $w( “#dropdownModalityPage” ).placeholder;
}
$w.onReady( function () {
//TODO: write your page related code here…
});
Steps to recreate the problem:-
- Go to website’s ARRTcourse page: https://www.takece.com/arrtcourses
- From ARRTcourse page drop down list State Selected, Choose California & observe that California page loads.
- From ‘California page’ drop down list State Selected, Choose ‘All other states’ & observe that ARRTcourse page loads.
- From ARRTcourse page drop down list Modality Selected, Choose CT & observe that CT page loads.
- From CT page drop down list Modality Selected, Choose ‘All modalities’ & observe that ARRTcourse page loads.
- From ARRTcourse page drop down list State Selected, Choose California & observe that California page loads.
- From ‘California page’ drop down list State Selected, Choose ‘All other states’ & observe that ARRTcourse page loads.
- From ARRTcourse page drop down list Modality Selected, Choose CT & observe that CT page loads.
- From CT page drop down list Modality Selected, Choose ‘All modalities’ & observe that ARRTcourse page loads.