Merge pull request #15 from h5p/JI-2817-chase-frames-jump

JI-2817 Fix chase frame jumps even though had enough space for confusion popup

Author: j0kerZ

js/h5p.js

@@ -1640,7 +1640,8 @@ H5P.ConfusionPopup = function($element, instance, contentId, anonymousCheckboxEn
       $dialog.addClass('h5p-open'); // Fade in
       const oldHeight = $element[0].getBoundingClientRect().height;
       const newHeight = $dialog[0].getBoundingClientRect().height;
-      if (oldHeight < newHeight) {
+      // Verify that oldheight is enough to cover dialog then ignore height changes
+      if (oldHeight < newHeight && oldHeight < $dialog.height()) {
         $element.css('height', newHeight+"px");
         H5P.trigger(instance, 'resize');
         heightChanged = true;
@@ -1663,7 +1664,7 @@ H5P.ConfusionPopup = function($element, instance, contentId, anonymousCheckboxEn
     if ($dialog.hasClass("h5p-open")) {
       const oldHeight = $element[0].getBoundingClientRect().height;
       const newHeight = $dialog[0].getBoundingClientRect().height;
-      if (oldHeight < newHeight) {
+      if (oldHeight < newHeight && oldHeight < $dialog.height()) {
         $element.css('height', newHeight+"px");
         heightChanged = true;
       }