Remove scrolling from iframe

Author: yellowby

app/Embed/Gutenberg.php

@@ -15,7 +15,7 @@ public static function run(): void
 
     public static function init(): void
     {
-        # Always extract &iframely={serialized options} that we append to URLs 
+        # Always extract &iframely={serialized options} that we append to URLs
         # and add these options into the oEmbed endpoint's query-string parameters
         add_filter('oembed_fetch_url', [self::class, 'maybe_add_iframely_url_options'], 20, 3);
 
@@ -27,7 +27,6 @@ public static function init(): void
         # i.e in the editor and self-oEmbed discovery
         add_filter('oembed_default_width', [self::class, 'iframely_flag_ajax_oembed']);
         add_filter('oembed_request_post_id', [self::class, 'maybe_remove_wp_self_embeds_in_guttenberg'], 10, 2);
-        add_filter('embed_oembed_html', [self::class, 'filter_oembed_result'], 20, 3);
 
         # load assets
         add_action('enqueue_block_editor_assets', [self::class, 'iframely_gutenberg_loader']);
@@ -76,7 +75,7 @@ public static function maybe_add_iframely_url_options($provider, $url, $args)
                     $options_str = base64_decode(urldecode($params['iframely']));
                     $options_query = json_decode($options_str);
 
-                    foreach($options_query as $key => $value) {
+                    foreach ($options_query as $key => $value) {
                         $provider = add_query_arg($key, $value, $provider);
                     }
                 }
@@ -90,19 +89,13 @@ public static function inject_events_proxy_to_gutenberg($html, $url, $args)
         $html = str_replace('"//cdn.iframe.ly', '"https://cdn.iframe.ly', $html);
 
         if (!empty(trim($html))) { // != trims $html
-            return $html . '<script type="text/javascript">window.addEventListener("message",function(e){window.top.postMessage(e.data,"*");},false);</script>';
+            return $html .
+                '<style>body{overflow: hidden}</style>' .
+                '<script type="text/javascript">window.addEventListener("message",function(e){window.top.postMessage(e.data,"*");},false);</script>';
         }
         return $html;
     }
 
-    public static function filter_oembed_result($cache) {
-        $cache = str_replace(
-           ['"//cdn.iframe.ly', 'window.parent.postMessage(e.data,"*")'],
-           ['"https://cdn.iframe.ly', 'window.top.postMessage(e.data,"*")'],
-         $cache);
-        return $cache;
-    }
-
     public static function maybe_remove_wp_self_embeds_in_guttenberg($post_id, $url)
     {
         return Options::isPreviewsEnhanced() ? false : $post_id;
@@ -115,4 +108,4 @@ public static function iframely_gutenberg_loader(): void
         wp_enqueue_script('iframely-options', 'https://if-cdn.com/options.js', ['jquery'], IFRAMELY_VERSION);
         wp_enqueue_script('iframely-gutenberg');
     }
-}
+}

app/Embed/Oembed.php

@@ -53,14 +53,8 @@ public static function maybe_replace_iframe_card($provider, $url, $args)
             } else {
                 $provider = add_query_arg('card', '1', $provider);
             }
-            $provider = add_query_arg('iframe', '1', $provider);            
+            $provider = add_query_arg('iframe', '1', $provider);
         }
         return $provider;
-    }    
+    }
 }
-
-
-
-
-
-

build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '3c8417a36a378af9076b');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '9bd31969b6768df1d3e1');

build/index.css

@@ -1,4 +1,5 @@
 @import 'styles/activation';
+@import 'styles/block';
 @import 'styles/card';
 @import 'styles/common';
 @import 'styles/customize';

src/index.scss

@@ -47,7 +47,6 @@ class IframelyOptions extends Component {
 }
 
 function updateForm() {
-  //console.log('updateForm');
   const blockId = getBlockId();
   const iframe = getBlockIframe(blockId);
   const data = jQuery(iframe).data();

src/js/components/IframelyOptions.js

@@ -26,8 +26,6 @@ export function iframeMessage(e) {
     return;
   }
 
-  // console.log('messageReceived');
-
   // Store the current state of options form in the iframe
   jQuery(iframe).data(data);
 

src/js/events/iframeMessage.js

@@ -0,0 +1,3 @@
+.wp-block-embed iframe {
+  display: block;
+}