An experiment in effectively managing focus rings

click-focus.js

document.addEventListener("DOMContentLoaded", function () {
    document.body.addEventListener("mousedown", function (evt) {
        if (!evt.target.setSelectionRange || evt.target.role === 'textbox' || evt.target.hasAttribute("disable-point-focus")) {
    	    evt.target.setAttribute("point-focused", true); 
        }
    });
    document.body.addEventListener("blur", function (evt) {
       evt.srcElement.removeAttribute("point-focused");
    }, true);
});

Showing more of the focus rings for those who need them (keyboard users) is the right thing. I like that the mouse user is seeing less of them.