editor: fix table popup ui on mobile

packages/editor-mobile/src/hooks/useEditorController.ts

@@ -33,6 +33,7 @@ import {
 import {
   EventTypes,
   getRoot,
+  isReactNative,
   post,
   postAsyncWithTimeout,
   saveTheme
@@ -157,6 +158,7 @@ export function useEditorController({
   const selectionChange = useCallback((_editor: Editor) => {}, []);
 
   const titleChange = useCallback(async (title: string) => {
+    if (!isReactNative()) return;
     const currentSessionId = globalThis.sessionId;
     post(
       EventTypes.contentchange,
@@ -215,6 +217,7 @@ export function useEditorController({
 
   const contentChange = useCallback(
     (editor: Editor, ignoreEdit?: boolean) => {
+      if (!isReactNative()) return;
       if (editorControllers[tabRef.current.id]?.loading) {
         logger("info", "Edit skipped, tab is in loading state");
         return;

packages/editor/src/toolbar/popups/table-popup.tsx

@@ -150,11 +150,12 @@ export function TablePopup(props: TablePopupProps) {
             display: ["flex", "none", "none"],
             mt: 1,
             alignItems: "center",
-            justifyContent: "center"
+            justifyContent: "center",
+            maxWidth: "100%"
           }}
         >
           <InlineInput
-            containerProps={{ sx: { mr: 1 } }}
+            containerProps={{ sx: { mr: 1, flexShrink: 1 } }}
             label="columns"
             placeholder={`${cellLocation.column} columns`}
             type="number"
@@ -167,6 +168,7 @@ export function TablePopup(props: TablePopupProps) {
             }}
           />
           <InlineInput
+            containerProps={{ sx: { flexShrink: 1 } }}
             label="rows"
             placeholder={`${cellLocation.row} rows`}
             type="number"