Repeater Filter Search connected to Database not working on mobile yet works fine on desktop.

Ask the community
,
1

The following code works perfectly on the desktop site however, no response is triggered on the mobile site:
Desktop page link: https://www.bigoakweb.com/agent-portfolio
Elements: Repeater, Database
Database Name: “Agents”
Screenshot: Attached below
Page Code:

 import wixData from 'wix-data';

$w.onReady(() => {
        $w('#dataset1').onReady(() => {
 
        count();
        
 //..Not Relevant to Filter//
 {
 let text = $w("#text87").text;
 
 if (text.length > 60) {
        text = text.substring(0,57) + '...';
    }
    $w("#text87").text = text;
}

        $w('#cdcity , #dgender , #agency ').onChange(() => {
            search();
        })
        $w('#clear').onClick(() => {
            $w('#cdcity , #dgender , #agency ').value = "All";
            $w('#dataset1').setFilter(wixData.filter())
                .then(count);

        });

 function search() {
 let filter = wixData.filter();
 let gender = $w("#dgender").value;
 let location = $w("#cdcity").value;
 let agency = $w("#agency").value;

 if (gender && gender !== 'All') {
                filter = filter.eq("gender", gender);
            }
 if (location && location !== 'All') {
                filter = filter.eq("location", location);
            }
 if (agency && agency !== 'All') {
                filter = filter.eq("agency", agency);
            }
            $w('#dataset1').setFilter(filter)
                .then(count);
        }

 function count() {
 let total = $w('#dataset1').getTotalCount();
 if (total > 0) {
                $w('#textCount').text = `${total} Agents Found`;
            } else {
                $w('#textCount').text = "0 Results Found";
            }
        }
    });
});


Can someone please assist with the mobile issue not being responsive? Thanks in advance!

2

Resolved: It appears as though the character parsing technique that I attempted above was bad for mobile. I removed it and everything works just fine! New code:

import wixData from 'wix-data';

$w.onReady(() => {
        $w('#dataset1').onReady(() => {
 
        count();
 
        $w('#cdcity , #dgender , #agency ').onChange(() => {
            search();
        })
        $w('#clear').onClick(() => {
            $w('#cdcity , #dgender , #agency ').value = "All";
            $w('#dataset1').setFilter(wixData.filter())
                .then(count);

        });

 function search() {
 let filter = wixData.filter();
 let gender = $w("#dgender").value;
 let location = $w("#cdcity").value;
 let agency = $w("#agency").value;

 if (gender && gender !== 'All') {
                filter = filter.eq("gender", gender);
            }
 if (location && location !== 'All') {
                filter = filter.eq("location", location);
            }
 if (agency && agency !== 'All') {
                filter = filter.eq("agency", agency);
            }
            $w('#dataset1').setFilter(filter)
                .then(count);
        }

 function count() {
 let total = $w('#dataset1').getTotalCount();
 if (total > 0) {
                $w('#textCount').text = `${total} Agents Found`;
            } else {
                $w('#textCount').text = "0 Results Found";
            }
        }
    });
});