ilyashubin / hover-inspect

This is a great little tool. It would be nice to be able to hover over disabled elements, though.

Hi, thanks for the report. I'm glad it helped someone :)
Disabled elements don't fire mouse events, thats how browsers work. I also want to inspect disabled elements, but I think there's no simple solution for this.

I got a clue, listener mousemove event instead of focus, and use document.elementFromPoint to get the hovered element.

And, I have a question of codes:

hover-inspect/app/hoverinspect.js

Lines 46 to 51 in 7350e06

    
           var shadow = this.$host.createShadowRoot(); 
        
           document.body.appendChild(this.$host); 
        
           var templateMarkup = document.createElement("div"); 
        
           templateMarkup.innerHTML = this.template; 
        
           shadow.innerHTML = templateMarkup.querySelector('template').innerHTML;

Why wrap the template with template tag? It seems unnecessary.

	var shadow = this.$host.createShadowRoot();
	document.body.appendChild(this.$host);

	var templateMarkup = document.createElement("div");
	templateMarkup.innerHTML = this.template;
	shadow.innerHTML = templateMarkup.querySelector('template').innerHTML;

Doesn't work for disabled elements