fix: scroll to top inside iframe

On clicking continue button in editor, scroll to top was not working
inside iframes. This commit checks if the editor is displayed inside an
iframe like in library authoring or new mfe course authoring and scrolls
based on it.

Author: navinkarkera

Changelog.md

@@ -4,6 +4,11 @@ Drag and Drop XBlock changelog
 Unreleased
 ---------------------------
 
+Version 5.0.1 (2025-02-19)
+---------------------------
+
+* Scroll to the top of the editor in iframes (in the authoring MFE).
+
 Version 5.0.0 (2025-02-19)
 ---------------------------
 

drag_and_drop_v2/__init__.py

@@ -1,4 +1,4 @@
 """ Drag and Drop v2 XBlock """
 from .drag_and_drop_v2 import DragAndDropBlock
 
-__version__ = "5.0.0"
+__version__ = "5.0.1"

drag_and_drop_v2/public/js/drag_and_drop_edit.js

@@ -175,7 +175,11 @@ function DragAndDropEditBlock(runtime, element, params) {
                 },
 
                 scrollToTop: function() {
-                    $('.drag-builder', element).scrollTop(0);
+                    if (self !== top) {
+                        $("html,body").scrollTop(0);
+                    } else {
+                        $('.drag-builder', element).scrollTop(0);
+                    }
                 },
 
                 clickHandlers: function() {