How can I display template variable dropdowns in an embedded iframe?

Hi, I’m pretty new to grafana, and I’m not sure why my template variable dropdowns are not visible in an embedded iframe on my personal (non internet facing) web page. Dropdowns are visible in the panel editor/ panel viewer, and at the top of the dashboard page.

I’m using grafana 10.0.2, and my page is built on a react stack. Here’s the tag I’m using:

const iframeSrcRain =<redacted>/openweather-data?orgrgId=1&from=${fromTimestamp}&to=${toTimestamp}&&panelId=5;

<iframe src={iframeSrcRain} width="900" height="250" frameborder="0" /closing tag

Is it possible to display the dropdown like I want?