diff --git a/apps/common/mobile/lib/view/collaboration/Collaboration.jsx b/apps/common/mobile/lib/view/collaboration/Collaboration.jsx
index 8b734d0c00..78c7fef134 100644
--- a/apps/common/mobile/lib/view/collaboration/Collaboration.jsx
+++ b/apps/common/mobile/lib/view/collaboration/Collaboration.jsx
@@ -83,12 +83,12 @@ const CollaborationView = props => {
 
     return (
         !Device.phone ?
-            <Popover id="coauth-popover" className="popover__titled" onPopoverClosed={() => props.closeOptions('coauth')} closeByOutsideClick={false}>
+            <Popover id="coauth-popover" className="popover__titled" backdrop={false} onPopoverClosed={() => props.closeOptions('coauth')} closeByOutsideClick={true}>
                 <View style={{height: '430px'}} routes={routes} url={initUrl}>
                     <CollaborationPage />
                 </View>
             </Popover> :
-            <Sheet className="coauth__sheet" onSheetClosed={() => props.closeOptions('coauth')}>
+            <Sheet className="coauth__sheet" backdrop={false} onSheetClosed={() => props.closeOptions('coauth')}>
                 <View routes={routes} url={initUrl}>
                     <CollaborationPage />
                 </View>
diff --git a/apps/documenteditor/mobile/src/controller/Main.jsx b/apps/documenteditor/mobile/src/controller/Main.jsx
index 31a34fad34..ca5333977b 100644
--- a/apps/documenteditor/mobile/src/controller/Main.jsx
+++ b/apps/documenteditor/mobile/src/controller/Main.jsx
@@ -1224,7 +1224,7 @@ class MainController extends Component {
             inputEl: '#calendar-target-element',
             dayNamesShort: [t('Edit.textSu'), t('Edit.textMo'), t('Edit.textTu'), t('Edit.textWe'), t('Edit.textTh'), t('Edit.textFr'), t('Edit.textSa')],
             monthNames: [t('Edit.textJanuary'), t('Edit.textFebruary'), t('Edit.textMarch'), t('Edit.textApril'), t('Edit.textMay'), t('Edit.textJune'), t('Edit.textJuly'), t('Edit.textAugust'), t('Edit.textSeptember'), t('Edit.textOctober'), t('Edit.textNovember'), t('Edit.textDecember')],
-            backdrop: !Device.isPhone,
+            backdrop: false,
             closeByBackdropClick: !Device.isPhone,
             value: [val ? new Date(val) : new Date()],
             openIn: Device.isPhone ? 'sheet' : 'popover',
diff --git a/apps/documenteditor/mobile/src/view/DropdownList.jsx b/apps/documenteditor/mobile/src/view/DropdownList.jsx
index d95e0ad1ae..addc345715 100644
--- a/apps/documenteditor/mobile/src/view/DropdownList.jsx
+++ b/apps/documenteditor/mobile/src/view/DropdownList.jsx
@@ -134,7 +134,7 @@ class DropdownListView extends Component {
     render() {
         return (
             Device.isPhone ? 
-                <Popup id="dropdown-list-popup" className="dropdown-list-popup" closeByOutsideClick={true} swipeToClose={true} onPopupClosed={() => this.props.closeModal()}> 
+                <Popup id="dropdown-list-popup" className="dropdown-list-popup" backdrop={false} closeByOutsideClick={true} swipeToClose={true} onPopupClosed={() => this.props.closeModal()}> 
                     <PageDropdownList
                         listItems={this.props.listItems}
                         onChangeItemList={this.props.onChangeItemList}
@@ -147,7 +147,7 @@ class DropdownListView extends Component {
                     />
                 </Popup>
             : 
-                <Popover id="dropdown-list-popover" className="popover__titled" closeByOutsideClick={true} onPopoverClosed={() => this.props.closeModal()}>
+                <Popover id="dropdown-list-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => this.props.closeModal()}>
                     <PageDropdownList
                         listItems={this.props.listItems}
                         onChangeItemList={this.props.onChangeItemList}
diff --git a/apps/documenteditor/mobile/src/view/add/Add.jsx b/apps/documenteditor/mobile/src/view/add/Add.jsx
index 7284631c2e..577a6f7bdc 100644
--- a/apps/documenteditor/mobile/src/view/add/Add.jsx
+++ b/apps/documenteditor/mobile/src/view/add/Add.jsx
@@ -76,7 +76,7 @@ const AddView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="add-popover" className="popover__titled" closeByOutsideClick={false} onPopoverClosed={() => mainContext.closeOptions('add')}>
+            <Popover id="add-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => mainContext.closeOptions('add')}>
                 <View routes={routes} url='/adding-page/' style={{height: '410px'}}>
                     <AddingPage />
                 </View>
diff --git a/apps/documenteditor/mobile/src/view/edit/Edit.jsx b/apps/documenteditor/mobile/src/view/edit/Edit.jsx
index a582fd2727..b479e41f65 100644
--- a/apps/documenteditor/mobile/src/view/edit/Edit.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/Edit.jsx
@@ -253,12 +253,12 @@ const EditView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="edit-popover" className="popover__titled" closeByOutsideClick={false} onPopoverClosed={() => mainContext.closeOptions('edit')}>
+            <Popover id="edit-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => mainContext.closeOptions('edit')}>
                 <View style={{ height: '410px' }} routes={routes} url='/editing-page/'>
                     <EditingPage />
                 </View>
             </Popover> :
-            <Sheet id="edit-sheet" closeByOutsideClick={false} onSheetClosed={() =>  mainContext.closeOptions('edit')}>
+            <Sheet id="edit-sheet" backdrop={false} closeByOutsideClick={false} onSheetClosed={() =>  mainContext.closeOptions('edit')}>
                 <View routes={routes} url='/editing-page/'>
                     <EditingPage />
                 </View>
diff --git a/apps/documenteditor/mobile/src/view/settings/Navigation.jsx b/apps/documenteditor/mobile/src/view/settings/Navigation.jsx
index 9d71bcba6c..5f598d26c4 100644
--- a/apps/documenteditor/mobile/src/view/settings/Navigation.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/Navigation.jsx
@@ -107,7 +107,7 @@ const NavigationSheet = inject('storeNavigation')(observer(props => {
     }, []);
 
     return (
-        <Sheet id="view-navigation-sheet" className="navigation-sheet" backdrop={true} closeByBackdropClick={true} onSheetClosed={() => mainContext.closeOptions('navigation')} style={{height: `${stateHeight}`, opacity: `${stateOpacity}`}}>
+        <Sheet id="view-navigation-sheet" className="navigation-sheet" backdrop={false} closeByBackdropClick={true} onSheetClosed={() => mainContext.closeOptions('navigation')} style={{height: `${stateHeight}`, opacity: `${stateOpacity}`}}>
             <div id='swipe-handler' className='swipe-container' onTouchStart={handleTouchStart} onTouchMove={handleTouchMove} onTouchEnd={handleTouchEnd}>
                 <Icon icon='icon icon-swipe'/>
             </div>
diff --git a/apps/documenteditor/mobile/src/view/settings/Settings.jsx b/apps/documenteditor/mobile/src/view/settings/Settings.jsx
index d2390025d0..ea1a0e5829 100644
--- a/apps/documenteditor/mobile/src/view/settings/Settings.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/Settings.jsx
@@ -119,7 +119,7 @@ const SettingsView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="settings-popover" closeByOutsideClick={false} className="popover__titled" onPopoverClosed={() => mainContext.closeOptions('settings')}>
+            <Popover id="settings-popover" backdrop={false} closeByOutsideClick={true} className="popover__titled" onPopoverClosed={() => mainContext.closeOptions('settings')}>
                 <View style={{ height: '410px' }} routes={routes} url='/settings/'>
                     <SettingsPage />
                 </View>
diff --git a/apps/presentationeditor/mobile/src/view/add/Add.jsx b/apps/presentationeditor/mobile/src/view/add/Add.jsx
index fdf6f193ae..58d2d8312d 100644
--- a/apps/presentationeditor/mobile/src/view/add/Add.jsx
+++ b/apps/presentationeditor/mobile/src/view/add/Add.jsx
@@ -80,7 +80,7 @@ const AddView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="add-popover" className="popover__titled" closeByOutsideClick={false} onPopoverClosed={() => mainContext.closeOptions('add')}>
+            <Popover id="add-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => mainContext.closeOptions('add')}>
                 <View routes={routes} url='/adding-page/' style={{ height: '410px' }}>
                     <AddingPage />
                 </View>
diff --git a/apps/presentationeditor/mobile/src/view/edit/Edit.jsx b/apps/presentationeditor/mobile/src/view/edit/Edit.jsx
index 2d4abdb282..4d8e698b83 100644
--- a/apps/presentationeditor/mobile/src/view/edit/Edit.jsx
+++ b/apps/presentationeditor/mobile/src/view/edit/Edit.jsx
@@ -255,12 +255,12 @@ const EditView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="edit-popover" className="popover__titled" closeByOutsideClick={false} onPopoverClosed={() => mainContext.closeOptions('edit')}>
+            <Popover id="edit-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => mainContext.closeOptions('edit')}>
                 <View style={{ height: '410px' }} routes={routes} url='/editing-page/'>
                     <EditingPage />
                 </View>
             </Popover> :
-            <Sheet id="edit-sheet" onSheetClosed={() => mainContext.closeOptions('edit')}>
+            <Sheet id="edit-sheet" backdrop={false} onSheetClosed={() => mainContext.closeOptions('edit')}>
                 <View routes={routes} url='/editing-page/'>
                     <EditingPage />
                 </View>
diff --git a/apps/presentationeditor/mobile/src/view/settings/Settings.jsx b/apps/presentationeditor/mobile/src/view/settings/Settings.jsx
index 07809cb739..19be0402be 100644
--- a/apps/presentationeditor/mobile/src/view/settings/Settings.jsx
+++ b/apps/presentationeditor/mobile/src/view/settings/Settings.jsx
@@ -82,7 +82,7 @@ const SettingsView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="settings-popover" closeByOutsideClick={false} className="popover__titled" onPopoverClosed={() => mainContext.closeOptions('settings')}>
+            <Popover id="settings-popover" backdrop={false} closeByOutsideClick={true} className="popover__titled" onPopoverClosed={() => mainContext.closeOptions('settings')}>
                 <View style={{ height: '410px' }} routes={routes} url='/settings-page/'>
                     <SettingsPage />
                 </View>
diff --git a/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx b/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx
index 39466c589f..827126ecee 100644
--- a/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/Statusbar.jsx
@@ -190,7 +190,7 @@ const PopoverAllList = (props) => {
     };
 
     return (
-        <Popover id="idx-all-list" className="all-list" onPopoverOpen={onScrollList}>
+        <Popover id="idx-all-list" backdrop={false} closeByOutsideClick={true} className="all-list" onPopoverOpen={onScrollList}>
             <PageAllList sheets={sheets} onTabListClick={onTabListClick}/>
         </Popover>
     )
diff --git a/apps/spreadsheeteditor/mobile/src/view/add/Add.jsx b/apps/spreadsheeteditor/mobile/src/view/add/Add.jsx
index dfcc6b8ae5..e838329c61 100644
--- a/apps/spreadsheeteditor/mobile/src/view/add/Add.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/add/Add.jsx
@@ -88,7 +88,7 @@ const AddView = props => {
 
     return (
         !Device.phone ?
-            <Popover id="add-popover" className="popover__titled" closeByOutsideClick={false} onPopoverClosed={() => mainContext.closeOptions('add')}>
+            <Popover id="add-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => mainContext.closeOptions('add')}>
                 <View routes={routes} url='/adding-page/' style={{ height: '410px' }}>
                     <AddingPage />
                 </View>
diff --git a/apps/spreadsheeteditor/mobile/src/view/edit/Edit.jsx b/apps/spreadsheeteditor/mobile/src/view/edit/Edit.jsx
index dc6e825de7..d611825415 100644
--- a/apps/spreadsheeteditor/mobile/src/view/edit/Edit.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/edit/Edit.jsx
@@ -335,12 +335,12 @@ const EditView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="edit-popover" className="popover__titled" closeByOutsideClick={false} onPopoverClosed={() => mainContext.closeOptions('edit')}>
+            <Popover id="edit-popover" className="popover__titled" backdrop={false} closeByOutsideClick={true} onPopoverClosed={() => mainContext.closeOptions('edit')}>
                 <View style={{ height: '410px' }} routes={routes} url='/editing-page/'>
                     <EditingPage />
                 </View>
             </Popover> :
-            <Sheet id="edit-sheet" onSheetClosed={() => mainContext.closeOptions('edit')}>
+            <Sheet id="edit-sheet" backdrop={false} onSheetClosed={() => mainContext.closeOptions('edit')}>
                 <View routes={routes} url='/editing-page/'>
                     <EditingPage />
                 </View>
diff --git a/apps/spreadsheeteditor/mobile/src/view/settings/Settings.jsx b/apps/spreadsheeteditor/mobile/src/view/settings/Settings.jsx
index 23f6bc7176..a70de53400 100644
--- a/apps/spreadsheeteditor/mobile/src/view/settings/Settings.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/settings/Settings.jsx
@@ -98,7 +98,7 @@ const SettingsView = () => {
 
     return (
         !Device.phone ?
-            <Popover id="settings-popover" closeByOutsideClick={false} className="popover__titled" onPopoverClosed={() => mainContext.closeOptions('settings')}>
+            <Popover id="settings-popover" backdrop={false} closeByOutsideClick={true} className="popover__titled" onPopoverClosed={() => mainContext.closeOptions('settings')}>
                 <View routes={routes} url='/settings-page/' style={{ height: '410px' }}>
                     <SettingsPage />
                 </View>