fix(core): fixes issue with overlapping text in error message (#4970)

sanity-io · Oct 20, 2023 · b6a268a · b6a268a
1 parent 4a8a56a
commit b6a268a
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/sanity/src/core/studio/screens/schemaErrors/SchemaProblemGroups.tsx b/packages/sanity/src/core/studio/screens/schemaErrors/SchemaProblemGroups.tsx
@@ -77,18 +77,17 @@ export function SchemaProblemGroups(props: {problemGroups: SchemaValidationProbl
                 >
                   {group.path.map((segment, j) => {
                     if (segment.kind === 'type') {
+                      const text = `${_renderSegmentName(segment.name)}:${segment.type}`
                       return (
-                        <Text key={j} size={1}>
-                          <SegmentSpan>{`${_renderSegmentName(segment.name)}:${
-                            segment.type
-                          }`}</SegmentSpan>
+                        <Text title={text} key={j} size={1} textOverflow="ellipsis">
+                          <SegmentSpan>{text}</SegmentSpan>
                         </Text>
                       )
                     }
 
                     if (segment.kind === 'property') {
                       return (
-                        <Text key={j} size={1}>
+                        <Text title={segment.name} key={j} size={1} textOverflow="ellipsis">
                           <SegmentSpan>{segment.name}</SegmentSpan>
                         </Text>
                       )