Add fallbacks for when unnamed

WordPress · Jan 25, 2024 · 3e560ed · 3e560ed
1 parent b3c0d36
commit 3e560ed
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/components/src/palette-edit/index.tsx b/packages/components/src/palette-edit/index.tsx
@@ -206,7 +206,7 @@ function Option< T extends Color | Gradient >( {
 					: sprintf(
 							// translators: %s is a color or gradient name, e.g. "Red".
 							__( 'Edit: %s' ),
-							element.name
+							element.name.trim().length ? element.name : value
 					  )
 			}
 			ref={ setPopoverAnchor }
@@ -234,7 +234,12 @@ function Option< T extends Color | Gradient >( {
 							}
 						/>
 					) : (
-						<NameContainer>{ element.name }</NameContainer>
+						<NameContainer>
+							{ element.name.trim().length
+								? element.name
+								: /* Fall back to non-breaking space to maintain height */
+								  '\u00A0' }
+						</NameContainer>
 					) }
 				</FlexItem>
 				{ isEditing && ! canOnlyChangeValues && (