Select drop-down list and then deselect

Ask the Community General Questions
5

Here is a custom solution to achieve this (the code should be added to the Custom JS field)

const WIDGET_ID = 'Your Widget ID';

const waitForElement = (selector, root = document) =>
	new Promise((res) => {
		let i = 0;

		const check = () => {
			const component = root.querySelector(selector);

			if (component) {
				res(component);
			} else if (i !== 50) {
				setTimeout(check, 100);
				i++;
			}
		};

		check();
	});

waitForElement(`.elfsight-app-${WIDGET_ID} > div`).then(
	(container) => {
		container.addEventListener('click', () => {
			const options = container.querySelectorAll('option');

			if (options.length) {
				Array.from(options).forEach((option) => {
					option.removeAttribute('disabled');
				});
			}
		});
	}
);

In the 1st line of the code, you should replace Your Widget ID with the ID of your widget. Try it out and let me know if it worked :slightly_smiling_face:

I also agree that it would be great to have this option built-in, and I’ve added this idea to the Wishlist on your behalf - Deselect options in dropdown