Sorry, an unexpected error occured. ***Survey has been inoperable for more than 2 months***.

Tom_1842
We have 4 instances of JavaScript in our newly revised survey (the error in the comment above arose while attempting to complete the revised survey). Each instance is a "type to search" implementation. The code is shown below. The 

data

 is truncated in the below example. This implementation seems to work well - it doesn't throw or produce any errors in the console.
Qualtrics.SurveyEngine.addOnReady(function () {


    class ListItem {
        constructor(data, key) {


            this.mouseLeave = this.mouseLeave.bind(this);
            this.mouseOver = this.mouseOver.bind(this);


            this.data = data;


            this.li = document.createElement('li');
            this.li.textContent = this.data[key];
            this.li.setAttribute('style', 'display: block; cursor:pointer; border:1px solid #ccc; padding: 12px; text-decoration: none; font-size: 18px; background-color: #f8f8f8');
            this.li.addEventListener('mouseover', this.mouseOver);
            this.li.addEventListener('mouseleave', this.mouseLeave);


            this.score = 0;
        }


        mouseOver(event) {
            if (event.target.style.backgroundColor != 'cyan') {
                event.target.style.backgroundColor = '#fff';
            }
        }


        mouseLeave(event) {
            if (event.target.style.backgroundColor != 'cyan') {
                event.target.style.backgroundColor = '#f8f8f8';
            }
        }
    }


    class TypeToSearch {


        constructor(qId, data, key) {
            this.renderListItems = this.renderListItems.bind(this);
            this.clickListItem = this.clickListItem.bind(this);
            this.sortListItems = this.sortListItems.bind(this);
            this.scoreListItems = this.scoreListItems.bind(this);


            this.data = data;
            this.div = document.createElement('div');
            this.qInput = document.querySelector('#' + qId + ' .QuestionBody #QR\\\\~' + qId);
            let questionBody = document.querySelector('#' + qId + ' .QuestionBody');
            let form = document.createElement('form');


            this.input = document.createElement('input');
            this.input.setAttribute('type', 'text');
            this.input.setAttribute('style', 'width: 100%; height: 32px; line-height: 32px;');


            this.ul = document.createElement('ul');
            this.ul.setAttribute('style', 'list-style: none; height: 474.5px; border: 1px solid black; overflow-x: hidden; overflow-y: scroll; padding-left: 0;');


            questionBody.appendChild(this.div);
            this.div.appendChild(form);
            form.appendChild(this.input);
            this.div.appendChild(this.ul);


            this.timeouts = [];


            this.listItems = [];


            for (let datum of this.data) {
                let item = new ListItem(datum, key)
                this.listItems.push(item);
                item.li.addEventListener('click', this.clickListItem, true);
            }


            this.renderListItems();
            this.input.addEventListener('keyup', this.scoreListItems);
        }


        scoreListItems() {
            for (let timeout of this.timeouts) {
                clearTimeout(timeout);
            }


            this.timeouts = [];


            let words = this.input.value.replace(/[^a-z0-9 ]/gi, '').split(/\\s/);
            let patterns = words.map((word) => new RegExp(word.split('').map((letter) => '(' + letter + '[a-z0-9]*?)').join(''), 'igd'));
            let fn = (index) => {
                for (let i = index; i < this.listItems.length; i++) {
                    let item = this.listItems[i];
                    item.score = 0;
                    for (let pattern of patterns) {
                        let matches = [...item.li.textContent.matchAll(pattern)];
                        for (let match of matches) {
                            for (let i = 1; i < match.length; i++) {
                                item.score = item.score + 1 / (match['indices'][i][1] - match['indices'][i][0]);
                            }
                            item.score = item.score / matches.length;
                        }
                    }


                    if (i % 1000 == 0) {
                        this.timeouts.push(setTimeout(fn, 0, ++i));
                        return;
                    }
                }
                this.sortListItems();
            }


            this.timeouts.push(setTimeout(fn, 0, 0));
        }


        sortListItems() {
            this.listItems.sort((a, b) => b.score - a.score);
            this.renderListItems();
        }


        renderListItems() {
            this.ul.innerHTML = '';


            let fn = (index) => {
                for (let i = index; i < this.listItems.length; i++) {
                    let item = this.listItems[i];
                    // item.li.textContent = item.data['soc_title'] + ' ' + item.score;
                    this.ul.appendChild(item.li);


                    if (i % 1000 == 0) {
                        this.timeouts.push(setTimeout(fn, 0, ++i));
                        return;
                    }
                }
            }


            this.timeouts.push(setTimeout(fn, 0, 0));
        }


        clickListItem(event) {
            for (let item of this.listItems) {
                if (event.target == item.li) {
                    item.li.style.backgroundColor = 'cyan';
                    this.qInput.value = this.input.value + ' | ' + Object.values(item.data).join(' | ');
                }
                else {
                    item.li.style.backgroundColor = '#f8f8f8';
                }
            }
        }
    }


    var data = [{ "soc_code": "43-5031", "soc_title": "911 Dispatcher" }, { "soc_code": "43-5031", "soc_title": "911 Operator" }, { "soc_code": "49-3011", "soc_title": "A&P Mechanic" }, { "soc_code": "49-2092", "soc_title": "AC/DC Rewinder" }, { "soc_code": "21-1019", "soc_title": "AIDS Counselor" }, { "soc_code": "21-1022", "soc_title": "AIDS Social Worker" }, { "soc_code": "49-2011", "soc_title": "ATM Servicer" }, { "soc_code": "49-3052", "soc_title": "ATV Technician" }, { "soc_code": "55-1015", "soc_title": "Aadc Plans Staff Officer" }, { "soc_code": "53-5011", "soc_title": "Able Seaman" }, { "soc_code": "17-2041", "soc_title": "Absorption and Adsorption Engineer" }]


    let typeToSearch = new TypeToSearch(this.questionId, data, 'soc_title');
});


Qualtrics.SurveyEngine.addOnUnload(function () {
    /*Place your JavaScript here to run when the page is unloaded*/


});