# Widgets containing Iframes not working on IOS

**URL:** <https://community.homey.app/t/widgets-containing-iframes-not-working-on-ios/148667>\
**Category:** Developers\
**Tags:** dashboard, widgets\
**Created:** [January 6, 2026, 10:56am UTC](https://community.homey.app/t/widgets-containing-iframes-not-working-on-ios/148667 "2026-01-06T10:56:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Niels\_van\_Brakel](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/niels_van_brakel/32/123146_2.png) [@Niels\_van\_Brakel](https://community.homey.app/u/Niels_van_Brakel)\
**Post date:** [January 6, 2026, 10:56am UTC](https://community.homey.app/t/widgets-containing-iframes-not-working-on-ios/148667/1 "2026-01-06T10:56:35Z")

</div>

Hi All, I’m in the process of creating some new widgets I was missing myself for my wall mounted dashboard. For this I will be using some iframes too, for example YouTube and Windy. All of this is working fine on android and displays nicely and I was looking into publishing the widgets for others to use too.

The only thing is when using the same widgets on a IOS device they are not loading the iframe. My guess it has something todo with the security settings of homey or there implementation of the [wkwebviewconfiguration](https://developer.apple.com/documentation/webkit/wkwebviewconfiguration?language=objc) item. When I use the debugging options I do not see any errors just a white screen.

Is there someone who knows more about this and can help me? I will place a simple widget example below:

```auto
// index.html

<html>
  <head>
    <style>
      /* Example of a custom CSS class. */
      .custom-image-class {
        margin: var(--homey-su-3) auto var(--homey-su-5);
      }
    </style>
  </head>

  <body class="homey-widget">
    <iframe width="650" height="450" src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=5&overlay=wind&product=ecmwf&level=surface&lat=52.215&lon=6.015" frameborder="0"></iframe>
    <script type="text/javascript">
      function onHomeyReady(Homey) {
        Homey.ready();

        // View the settings the user provided if your widget has settings.
        console.log('Widget settings:', Homey.getSettings());

        // Fetch something from your app.
        Homey.api('GET', '/', {})
          .then((result) => {
            console.log(result);
          })
          .catch(console.error);
      }
    </script>
  </body>
</html>

```

---

<div class="post-metadata">

**Author:** ![Niels\_van\_Brakel](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/niels_van_brakel/32/123146_2.png) [@Niels\_van\_Brakel](https://community.homey.app/u/Niels_van_Brakel)\
**Post date:** [January 6, 2026, 9:12pm UTC](https://community.homey.app/t/widgets-containing-iframes-not-working-on-ios/148667/2 "2026-01-06T21:12:29Z")

</div>

Some more information on what I see in the debugger. In the network tab there is not even going out a fetch request from the Iframe giving me the impression this really could be a setting that needs to be enabled for the IOS app.

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/b/8b838b68b528a3e7d552d344a6a6ada5169f432f.png)  
 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/e/ee88fc98a177ae2989ecafe7173a07b6c504f125.png)  
 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/2/32bbeb39946535284f47b2f2fae6f59a712172cb.png)  
 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/d/fd9c1ed165f606200f0860d3dd7d85dacc401f2e.png)
