devtools: fix ellipsis truncation for key values (#34796)
before <img width="349" height="73" alt="Screenshot 2025-10-09 at 11 38 03" src="https://github.com/user-attachments/assets/93fec45d-4ef2-498f-9550-36ff807b63f9" /> after <img width="349" height="73" alt="Screenshot 2025-10-09 at 11 38 39" src="https://github.com/user-attachments/assets/cb279384-4229-4d56-a803-93c2df897754" />
Sophie Alpert committed
Oct 10, 2025 at 14:05 UTC
8454a32f3cacdcb11465cfd14d68fb3eb613815f
1 file changed
+2
-6
packages/react-devtools-shared/src/devtools/views/Components/Element.js
+2
-6
@@ -181,9 +181,7 @@ export default function Element({data, index, style}: Props): React.Node {
181
className={styles.KeyValue}
182
title={key}
183
onDoubleClick={handleKeyDoubleClick}>
184
- <pre>
185
- <IndexableDisplayName displayName={key} id={id} />
186
- </pre>
184
+ <IndexableDisplayName displayName={key} id={id} />
185
</span>
186
"
187
</Fragment>
@@ -196,9 +194,7 @@ export default function Element({data, index, style}: Props): React.Node {
194
className={styles.KeyValue}
195
title={nameProp}
196
onDoubleClick={handleKeyDoubleClick}>
199
- <pre>
200
- <IndexableDisplayName displayName={nameProp} id={id} />
201
- </pre>
197
+ <IndexableDisplayName displayName={nameProp} id={id} />
198
</span>
199
"
200
</Fragment>