Wrap text in a container Node to fix dynamic layout, see #725

phetsims · Jul 13, 2021 · b6ca8fa · b6ca8fa
1 parent d95fa57
commit b6ca8fa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/js/HomeScreenButton.js b/js/HomeScreenButton.js
@@ -107,7 +107,7 @@ class HomeScreenButton extends VBox {
       textPropertyOptions: { phetioReadOnly: true } // text is updated via screen.nameProperty
     } );
 
-    super( merge( { children: [ nodeContainer, text ] }, options ) );
+    super( merge( { children: [ nodeContainer, new Node( { children: [ text ] } ) ] }, options ) );
 
     // @public (read-only)
     this.screen = screen;

diff --git a/js/NavigationBarScreenButton.js b/js/NavigationBarScreenButton.js
@@ -91,7 +91,7 @@ class NavigationBarScreenButton extends Node {
 
     // spacing set by Property link below
     const iconAndText = new VBox( {
-      children: [ iconAndFrame, text ],
+      children: [ iconAndFrame, new Node( { children: [ text ] } ) ],
       pickable: false,
       usesOpacity: true, // hint, since we change its opacity
       maxHeight: navBarHeight