fix(mobile): position of editing toolbar

src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js

@@ -31,7 +31,7 @@ const TPL = `\
         align-items: flex-end;
         position: absolute;
         left: 0;
-        bottom: 0;
+        bottom: calc(var(--tab-bar-height) + var(--launcher-pane-height) + var(--mobile-bottom-offset));
         right: 0;
         overflow-x: auto;
         z-index: 500;

src/public/app/widgets/type_widgets/editable_text.js

@@ -230,14 +230,7 @@ export default class EditableTextTypeWidget extends AbstractTextTypeWidget {
                 $classicToolbarWidget[0].appendChild(editor.ui.view.toolbar.element);
 
                 if (utils.isMobile()) {
-                    this.$editor.on("focus", (e) => {
-                        $classicToolbarWidget.addClass("visible");
-                    });
-
-                    // Hide the formatting toolbar
-                    this.$editor.on("focusout", (e) => {
-                        this.$editor[0].focus();
-                    });
+                    $classicToolbarWidget.addClass("visible");
                 }
             }
 

src/public/stylesheets/style.css

@@ -45,6 +45,8 @@ body {
     --native-titlebar-foreground: var(--main-text-color);
     --native-titlebar-darwin-x-offset: 10;
     --native-titlebar-darwin-y-offset: 12;
+    --launcher-pane-height: 53px;
+    --tab-bar-height: 40px;
 }
 
 body.mobile .desktop-only {