diff --git a/apps/documenteditor/mobile/src/page/main.jsx b/apps/documenteditor/mobile/src/page/main.jsx
index ba64208dcf..0ced452e74 100644
--- a/apps/documenteditor/mobile/src/page/main.jsx
+++ b/apps/documenteditor/mobile/src/page/main.jsx
@@ -150,7 +150,7 @@ class MainPage extends Component {
!this.state.collaborationVisible ? null :
}
-
+ {appOptions.isDocReady && }
)
}
diff --git a/apps/presentationeditor/mobile/src/page/main.jsx b/apps/presentationeditor/mobile/src/page/main.jsx
index 403e3b8f56..bf948d244e 100644
--- a/apps/presentationeditor/mobile/src/page/main.jsx
+++ b/apps/presentationeditor/mobile/src/page/main.jsx
@@ -142,7 +142,8 @@ class MainPage extends Component {
!this.state.collaborationVisible ? null :
}
-
+ {appOptions.isDocReady && }
+
)
diff --git a/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx b/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
index 2d3cd2bd82..1166dff4e2 100644
--- a/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
+++ b/apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
@@ -1,10 +1,10 @@
-import React, { useEffect,useRef,useState } from 'react';
+import React, { memo, useEffect,useRef,useState } from 'react';
import FilterView from '../../src/view/FilterOptions';
import { f7,Sheet,Popover } from 'framework7-react';
import { Device } from '../../../../common/mobile/utils/device';
import { useTranslation } from 'react-i18next';
-const FilterOptionsController = () => {
+const FilterOptionsController = memo( () => {
const { t } = useTranslation();
const _t = t('View.Edit', {returnObjects: true});
const configRef = useRef();
@@ -126,6 +126,6 @@ const FilterOptionsController = () => {
)
-};
+});
export default FilterOptionsController;
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/mobile/src/page/main.jsx b/apps/spreadsheeteditor/mobile/src/page/main.jsx
index 1551f15033..5af0975307 100644
--- a/apps/spreadsheeteditor/mobile/src/page/main.jsx
+++ b/apps/spreadsheeteditor/mobile/src/page/main.jsx
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
import { Page, View, Navbar, Subnavbar, Icon } from 'framework7-react';
import { observer, inject } from "mobx-react";
import { Device } from '../../../../common/mobile/utils/device';
@@ -130,14 +130,16 @@ class MainPage extends Component {
}
- {!appOptions.isDocReady ? null :
-
+ {appOptions.isDocReady &&
+
+
+
+
}
{/* hidden component*/}
-
)
}