Fix: Font size picker does not correctly handles big font sizes. (#26705

)
WordPress · Nov 4, 2020 · 6bae656 · 6bae656
1 parent 73d7e22
commit 6bae656
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/components/src/font-size-picker/index.js b/packages/components/src/font-size-picker/index.js
@@ -21,6 +21,7 @@ import VisuallyHidden from '../visually-hidden';
 
 const DEFAULT_FONT_SIZE = 'default';
 const CUSTOM_FONT_SIZE = 'custom';
+const MAX_FONT_SIZE_DISPLAY = '25px';
 
 function getSelectValueFromFontSize( fontSizes, value ) {
 	if ( value ) {
@@ -45,7 +46,9 @@ function getSelectOptions( optionsArray, disableCustomFontSizes ) {
 		key: option.slug,
 		name: option.name,
 		size: option.size,
-		style: { fontSize: option.size },
+		style: {
+			fontSize: `min( ${ option.size }, ${ MAX_FONT_SIZE_DISPLAY } )`,
+		},
 	} ) );
 }