Don't pass the keypad element when not interactive to hide keypad in …

…static presentation.
learningequality · Jul 2, 2024 · faaca33 · faaca33
1 parent 7a19ace
commit faaca33
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
@@ -391,8 +391,8 @@
             onFocusChange: this.dismissMessage,
             onInputError: logging.error,
             isMobile: this.isMobile,
-            // Only show a keypad if we are in interactive mode.
-            customKeypad: this.interactive,
+            // Always use our custom keypad implementation
+            customKeypad: true,
             readOnly: !this.interactive,
             hintProgressColor: this.$themeTokens.primary,
           },
@@ -418,7 +418,7 @@
             this.keypadElement = keypadElement;
             return e(perseus.ServerItemRenderer, {
               ...itemRenderData,
-              keypadElement: keypadElement,
+              keypadElement: this.interactive ? keypadElement : null,
             });
           },
         );