diff --git a/packages/react-native/Libraries/Inspector/InspectorOverlay.js b/packages/react-native/Libraries/Inspector/InspectorOverlay.js index d1ef1a13bbf198..33b7ce67d63515 100644 --- a/packages/react-native/Libraries/Inspector/InspectorOverlay.js +++ b/packages/react-native/Libraries/Inspector/InspectorOverlay.js @@ -15,7 +15,6 @@ import type {InspectedElement} from './Inspector'; const View = require('../Components/View/View'); const StyleSheet = require('../StyleSheet/StyleSheet'); -const Dimensions = require('../Utilities/Dimensions').default; const ElementBox = require('./ElementBox'); const React = require('react'); @@ -46,7 +45,7 @@ function InspectorOverlay({inspected, onTouchPoint}: Props): React.Node { onStartShouldSetResponder={handleStartShouldSetResponder} onResponderMove={findViewForTouchEvent} nativeID="inspectorOverlay" /* TODO: T68258846. */ - style={[styles.inspector, {height: Dimensions.get('window').height}]}> + style={styles.inspector}> {content} ); @@ -59,6 +58,7 @@ const styles = StyleSheet.create({ left: 0, top: 0, right: 0, + bottom: 0, }, }); diff --git a/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js b/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js index dfc28608a09acb..866c3d7d4e99f6 100644 --- a/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js +++ b/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js @@ -17,7 +17,6 @@ import type {InspectedElement} from './Inspector'; import View from '../Components/View/View'; import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags'; import StyleSheet from '../StyleSheet/StyleSheet'; -import Dimensions from '../Utilities/Dimensions'; import ElementBox from './ElementBox'; import * as React from 'react'; @@ -130,7 +129,8 @@ export default function ReactDevToolsOverlay({ [onResponderMove], ); - let highlight = inspected ? : null; + const highlight = inspected ? : null; + if (isInspecting) { const events = // Pointer events only work on fabric @@ -149,7 +149,7 @@ export default function ReactDevToolsOverlay({ return ( {highlight} @@ -166,5 +166,6 @@ const styles = StyleSheet.create({ left: 0, top: 0, right: 0, + bottom: 0, }, });