[Math-Checker] Update mathlive to version 0.98.5 (#1552)

chore(math-checker): update mathlive to version 0.98.5

modules/fbs-core/web/package.json

@@ -34,7 +34,7 @@
     "chart.js": "^2.9.4",
     "file-saver": "^2.0.5",
     "i18next-browser-languagedetector": "^7.1.0",
-    "mathlive": "^0.87.1",
+    "mathlive": "^0.98.5",
     "ng2-charts": "^2.4.3",
     "ngx-cookie-service": "^14.0.1",
     "ngx-dropzone": "^3.1.0",

modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.scss

@@ -1,16 +1,27 @@
 math-field {
   --primary: #405e9a;
   font-size: large;
-}
-
-.math-field-input {
-  border-bottom: solid black 1px;
+  width: 100%;
+  border: none;
 }
 
 math-field:focus-within {
   outline: unset;
 }
 
+math-field::part(menu-toggle) {
+  display: none;
+}
+
+math-field::part(virtual-keyboard-toggle)::after {
+  top: unset;
+  right: calc(-100% + 64px);
+}
+
+.math-field-input {
+  border-bottom: solid black 1px;
+}
+
 .mathInputContainer {
   display: flex;
   gap: 8px;
@@ -20,5 +31,3 @@ math-field:focus-within {
   align-self: center;
   width: calc(100% - 64px);
 }
-
-

modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.ts

@@ -8,7 +8,6 @@ import {
   Output,
   ViewChild,
 } from "@angular/core";
-import { insertShadowRootStyle } from "src/app/util/css";
 
 export interface MathInputValue {
   mathJson?: string;
@@ -63,10 +62,5 @@ export class MathInputComponent implements OnChanges, AfterViewInit {
         el.expression = JSON.parse(this.defaultValue.mathJson);
       }
     }
-    if (this.disabled) {
-      insertShadowRootStyle(this.input, [
-        ".ML__content { overflow: unset; overflow-y: hidden; }",
-      ]);
-    }
   }
 }