JSFiddle - React, Tailwind, and code Playground

HTML

<iframe src="http://www.indiegogo.com/project/157203/widget?escape=false" width="224px" height="429px" frameborder="0" scrolling="no" id="myFrame"></iframe>

CSS

.overlay {
    position: absolute;    
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 224px;
    height: 429px;
}

JavaScript

// this approach will not work unless the script is also executing from the indiegogo domain
//document.getElementById('myFrame').contentWindow.document.body.onclick = function () {
//  return false;
//};
    
// if that is the case, use an overlay div instead
var overlay = document.createElement('div');

overlay.className = 'overlay';

overlay.onclick = function () {
    return false;
};

document.body.appendChild(overlay);