Add maxWidth for gravity and fluid fallback text, see #394 and #418

phetsims · Oct 2, 2024 · 1427bd4 · 1427bd4
1 parent b1e3776
commit 1427bd4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/js/common/view/FluidDensityControlNode.ts b/js/common/view/FluidDensityControlNode.ts
@@ -33,7 +33,10 @@ type ParentOptions = WithRequired<Partial<ComboNumberControlOptions<Material>>,
 type DensityControlNodeOptions = SelfOptions & ParentOptions;
 
 const FALLBACK_NODE = new Text( DensityBuoyancyCommonStrings.whatIsTheFluidDensityStringProperty, {
-  font: new PhetFont( 14 )
+  font: new PhetFont( 14 ),
+
+  // estimate as the same max width as the combo box below
+  maxWidth: 210
 } );
 
 export default class FluidDensityControlNode extends ComboNumberControl<Material> {

diff --git a/js/common/view/GravityControlNode.ts b/js/common/view/GravityControlNode.ts
@@ -18,7 +18,10 @@ import GravityProperty from '../model/GravityProperty.js';
 import ComboNumberControl from './ComboNumberControl.js';
 
 const FALLBACK_NODE = new Text( DensityBuoyancyCommonStrings.whatIsTheValueOfGravityStringProperty, {
-  font: new PhetFont( 14 )
+  font: new PhetFont( 14 ),
+
+  // estimate as the same max width as the combo box below
+  maxWidth: 210
 } );
 
 export default class GravityControlNode extends ComboNumberControl<Gravity> {