JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<div ng-app="testApp">
    <div ng-controller="testCtrl">
        <button ng-click="resizeMe()">Resize!</button>
        <br>
        <iframe id="myIframe" width="100%" height="100%" 
   src="http://fiddle.jshell.net"></iframe>
    </div>
</div>

JavaScript

var app = angular.module('testApp', []);

app.controller('testCtrl', ['$scope', function($scope) {
    
    $scope.resizeMe = function() {
        var r = Math.round(Math.random() * 100) + 200;
        
        // For reference, this is how you get the original size:
        // $("#myIframe").height($("#myIframe").contents().find("html").height());
        
        $("#myIframe").width(r);
        $("#myIframe").height(r);
    };
}]);