Bricks fix focus state.

javascript.js

(() => {
    document.addEventListener("DOMContentLoaded", () => {
        const removeCSSRule = (selectorText) => {
            // Get all stylesheets in the document
            const stylesheets = document.styleSheets;

            // Loop through all stylesheets
            for (let i = 0; i < stylesheets.length; i++) {
                const stylesheet = stylesheets[i];

                // Attempt to access rules - this may fail due to CORS policies
                try {
                    const rules = stylesheet.cssRules || stylesheet.rules; // cssRules for modern browsers and rules for IE

                    // Loop through all rules in the stylesheet
                    for (let j = 0; j < rules.length; j++) {
                        const rule = rules[j];

                        // Check if the rule's selector matches the one we're looking for
                        if (rule.selectorText === selectorText) {
                            // Remove the rule if it matches
                            stylesheet.deleteRule(j);
                            console.log(`Rule removed: ${rule.selectorText}`);
                            return; // Exit after removing the rule
                        }
                    }
                } catch (e) {
                    console.error("Error accessing rules from stylesheet:", e);
                }
            }

            // Log if the rule was not found in any stylesheet
            console.log(`Rule not found: ${selectorText}`);
        };

        // Example usage
        removeCSSRule("body.bricks-is-frontend :focus");
    });
})();