I am building a Lightning component that loads an iframe of an internal app. I've brought the component down to its minimum valuable component and I still have the problem.
The component with the iframe:
<aura:component implements="flexipage:availableForAllPageTypes" extends="c:SimpleBase" description="SimpleIframeComponent"> <iframe src="https://example.com/" width="100%" height="500px" frameBorder="0" /> </aura:component>
The base component:
<aura:component description="SimpleBase" extensible="true" abstract="true"> </aura:component>
So long as I do not extend
iframe loads. But if I do extend
SimpleBase, the iframe won't load.
There are no errors in the developer log (console). Also, watching the network in developer tools, the URL doesn't even load, so it appears the component doesn't render at all when it extends the base component.
Why won't an iframe load in a Lightning component if it extends another Lightning component?