Avoid leaking of Modal view

WordPress · Feb 6, 2019 · b5adc60 · b5adc60
1 parent c36a904
commit b5adc60
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
@@ -204,7 +204,7 @@ export default class ImageEdit extends React.Component {
 
 		const getInspectorControls = () => (
 			<BottomSheet
-				isVisible={ this.state.showSettings }
+				isVisible={ true }
 				onClose={ onImageSettingsClose }
 				hideHeader
 			>
@@ -247,7 +247,7 @@ export default class ImageEdit extends React.Component {
 
 		const getMediaOptions = () => (
 			<BottomSheet
-				isVisible={ this.state.showMediaOptions }
+				isVisible={ true }
 				onClose={ onMediaOptionsClose }
 				hideHeader
 			>
@@ -290,7 +290,7 @@ export default class ImageEdit extends React.Component {
 		if ( ! url ) {
 			return (
 				<View style={ { flex: 1 } } >
-					{ getMediaOptions() }
+					{ this.state.showMediaOptions && getMediaOptions() }
 					<MediaPlaceholder
 						onMediaOptionsPressed={ onMediaOptionsButtonPressed }
 					/>
@@ -335,8 +335,8 @@ export default class ImageEdit extends React.Component {
 
 							return (
 								<View style={ { flex: 1 } } >
-									{ getInspectorControls() }
-									{ getMediaOptions() }
+									{ this.state.showSettings && getInspectorControls() }
+									{ this.state.showMediaOptions && getMediaOptions() }
 									<ImageBackground
 										style={ { width: finalWidth, height: finalHeight, opacity } }
 										resizeMethod="scale"