Fix scrolling to the inserted block issue in the iFramed block editor (…

…#31448)

This PR patches the package by checking whether the container is an iframe window. In that case it scrolls the scrollingElement instead of the window. We can't scroll the iframe window because it's an iframe so the typical window.scrollTo() doesn't work.

packages/block-editor/src/components/block-list/use-block-props/use-scroll-into-view.js

@@ -47,7 +47,9 @@ export function useScrollIntoView( clientId ) {
 			return;
 		}
 
-		const scrollContainer = getScrollContainer( extentNode );
+		const scrollContainer =
+			getScrollContainer( extentNode ) ||
+			extentNode.ownerDocument.defaultView;
 
 		// If there's no scroll container, it follows that there's no scrollbar
 		// and thus there's no need to try to scroll into view.

patches/dom-scroll-into-view+1.2.1.patch

@@ -0,0 +1,25 @@
+diff --git a/node_modules/dom-scroll-into-view/lib/dom-scroll-into-view.js b/node_modules/dom-scroll-into-view/lib/dom-scroll-into-view.js
+index 557ed5c..23dfbad 100644
+--- a/node_modules/dom-scroll-into-view/lib/dom-scroll-into-view.js
++++ b/node_modules/dom-scroll-into-view/lib/dom-scroll-into-view.js
+@@ -21,6 +21,7 @@ function scrollIntoView(elem, container, config) {
+   allowHorizontalScroll = allowHorizontalScroll === undefined ? true : allowHorizontalScroll;
+
+   var isWin = util.isWindow(container);
++  var isFramed = !!(isWin && container.frameElement);
+   var elemOffset = util.offset(elem);
+   var eh = util.outerHeight(elem);
+   var ew = util.outerWidth(elem);
+@@ -35,7 +36,11 @@ function scrollIntoView(elem, container, config) {
+   var ww = undefined;
+   var wh = undefined;
+
+-  if (isWin) {
++  if (isFramed) {
++    container = container.document.scrollingElement || container.document.body;
++  }
++
++  if (isWin || isFramed) {
+     win = container;
+     wh = util.height(win);
+     ww = util.width(win);