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,
},
});