Search through Search Console properties

When integrating GSC, it would be nice to have a search functionality for for those who have dozens of websites.

For anyone wanting a temporary fix I’ve brewed up a very janky small script that converts the dropdown to a normal input with a datalist.

This is liable to break with updates and may mess up your console USE AT YOUR OWN RISK.

if (
    window.location.hostname == "plausible.io" &&
    window.location.pathname.includes("/settings/integrations")
) {
    console.log("plausible fix");
    function changeTag(node, tag) {
        const clone = document.createElement(tag);
        for (const attr of node.attributes) {
            clone.setAttributeNS(null, attr.name, attr.value);
        }
        while (node.firstChild) {
            clone.appendChild(node.firstChild);
        }
        node.replaceWith(clone);
        return clone;
    }

    let originalSelect = document.querySelector('[name="google_auth[property]"]');

    originalSelect.setAttribute("name", "");
    originalSelect.setAttribute("id", "google_auth_properties");

    let newInput = document.createElement("input");
    newInput.setAttribute("name", "google_auth[property]");
    newInput.setAttribute("list", "google_auth_properties");

    originalSelect.insertAdjacentElement("beforebegin", newInput);

    newInput.classList = originalSelect.classList;

    newInput.classList.add("border-2");
    newInput.value = originalSelect.value;

    changeTag(originalSelect, "datalist");
}

It lets you search for them but the caveat is that it allows you to also submit invalid values if you manually type in a non-existant url.

Could be tidied up but works for me.