JSFiddle - React, Tailwind, and code Playground

by duarteleao

HTML

<div class="iframe-wrapper">
  <iframe src="//fiddle.jshell.net/e7yL9ed4/show/" frameborder="0" width="100%" height="100%" tabindex="0"></iframe>
</div>
<button>No, press me!</button>

CSS

.iframe-wrapper {
    height: 80px;
}

:focus, :focus-visible {
  outline: 3px solid red !important;
}

JavaScript

$( document ).ready(function() { 
  $('iframe').on('load', function () {
  	$('iframe').focus();
  });
  
  $("button").on("click", function() {
    console.log( document.querySelector(":focus") );
  });
});