feat: resize iframe when subcontent height changes (#123)

NDLANO · Mar 27, 2023 · df2b93a · df2b93a
1 parent 75fc03a
commit df2b93a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/library.json b/library.json
@@ -3,7 +3,7 @@
   "machineName": "H5P.VocabularyDrill",
   "majorVersion": 1,
   "minorVersion": 0,
-  "patchVersion": 14,
+  "patchVersion": 15,
   "runnable": 1,
   "license": "MIT",
   "author": "NDLA",

diff --git a/library.json.d.ts b/library.json.d.ts
@@ -3,7 +3,7 @@ declare const json: {
   "machineName": "H5P.VocabularyDrill",
   "majorVersion": 1,
   "minorVersion": 0,
-  "patchVersion": 14,
+  "patchVersion": 15,
   "runnable": 1,
   "license": "MIT",
   "author": "NDLA",

diff --git a/src/components/VocabularyDrill/VocabularyDrill.tsx b/src/components/VocabularyDrill/VocabularyDrill.tsx
@@ -24,6 +24,7 @@ type VocabularyDrillProps = {
     contentType: ChildContentType,
   ) => void;
   onChangeLanguageMode: (languageMode: LanguageModeType) => void;
+  onResize: () => void;
 };
 
 export const VocabularyDrill: FC<VocabularyDrillProps> = ({
@@ -32,6 +33,7 @@ export const VocabularyDrill: FC<VocabularyDrillProps> = ({
   previousState,
   onChangeContentType,
   onChangeLanguageMode,
+  onResize,
 }) => {
   const {
     behaviour,
@@ -183,6 +185,10 @@ export const VocabularyDrill: FC<VocabularyDrillProps> = ({
           }
         }
 
+        activeContentType.on('resize', () => {
+          onResize();
+        });
+
         onChangeContentType(activeAnswerMode, activeContentType);
       };
 

diff --git a/src/h5p-vocabulary-drill.tsx b/src/h5p-vocabulary-drill.tsx
@@ -52,6 +52,7 @@ class VocabularyDrillContentType
               onChangeLanguageMode={(languageMode) =>
                 this.handleLanguageModeChange(languageMode)
               }
+              onResize={() => this.resize()}
             />
           </ContentIdContext.Provider>
         </L10nContext.Provider>