Hello, I am currently working to create a plugin that can be used as a kind of configurable works space for users where they can quickly store and view multiple dashboards together. when I add a Kibana dashboard to the page whenever I refresh or attempt to navigate somewhere else on the site it causes the page to become unresponsive. the only thing I can think of is that it is trying to reload/navigate with both the iframe and the main window. Does anyone know a way to prevent this or at least what causes this behavior in the iframes? thanks for help here is my code and some screen shots
interface Style extends CSS.Properties, CSS.PropertiesHyphen {}
const tablestyle: Style ={
border:0,
padding:'0px',
margin:'0 auto',
width:'1200px',
height:'400px'
};
const constyle: Style = {
float:'left',
width:'33%',
height:'100%',
overflow:'hidden'
};
const istyle: Style = {
width:'109%',
height:'100%',
overflow:'auto'
};
export const FavoritesTable = ({
basename,
notifications,
http,
navigation,
}: SpittingAlpacaAppDeps) => {
//const [favorites, setFavorites] = useState<|undefined>();
return (
<table cellSpacing="0" cellPadding="0" style={tablestyle}>
<div style={constyle}>
<iframe src="https://192.168.1.195/gja/goto/0ac6fb6f1b676dc44ded7d82e78f51d0" style={istyle}> </iframe>
</div>
<div style={constyle}>
<iframe src="https://192.168.1.195/gja/goto/0ac6fb6f1b676dc44ded7d82e78f51d0" style={istyle}> </iframe>
</div>
<div style={constyle}>
<iframe src="https://192.168.1.195/gja/goto/0ac6fb6f1b676dc44ded7d82e78f51d0" style={istyle} > </iframe>
</div>
</table>
);
}