This helper prevents the focus ring on mouse interaction for bootstap buttons

Prevent Focus style on mouse event.js

/**
 * This helper prevents the focus ring on mouse interaction on buttons
 */

import forEach from 'lodash-es/forEach';

forEach(...[document.querySelectorAll('.btn')], (element) => {
    let mouseDown = false;

    element.addEventListener('mousedown', () => {
        mouseDown = true;
    });

    element.addEventListener('mouseup', () => {
        mouseDown = false;
    });

    element.addEventListener('focus', (event) => {
        if (mouseDown) {
            event.target.blur();
        }
    });
});