Bumping scenery dist, and fixing a few items in Tour of Scenery, see #…

…1650
phetsims · Jul 29, 2024 · 7901dcb · 7901dcb
1 parent 4d2f096
commit 7901dcb
Show file tree

Hide file tree

Showing 3 changed files with 367 additions and 134 deletions.
diff --git a/dist/scenery.debug.js b/dist/scenery.debug.js
diff --git a/dist/scenery.min.js b/dist/scenery.min.js
diff --git a/doc/a-tour-of-scenery.html b/doc/a-tour-of-scenery.html
@@ -94,7 +94,8 @@ <h3>Hello World</h3>
 
         // Create a display using this root node, using our existing div
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'hello-world-scene' )
+          container: document.getElementById( 'hello-world-scene' ),
+          listenToOnlyElement: true
         } );
 
         // Add our text
@@ -161,7 +162,8 @@ <h3>Shapes</h3>
       $( window ).ready( () => {
         const scene = new phet.scenery.Node();
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'shapes-scene' )
+          container: document.getElementById( 'shapes-scene' ),
+          listenToOnlyElement: true
         } );
 
         // A rectangle at (10,10) with a width of 50 and height of 80
@@ -291,7 +293,8 @@ <h3>Nodes</h3>
       $( window ).ready( () => {
         const scene = new phet.scenery.Node();
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'self-and-children' )
+          container: document.getElementById( 'self-and-children' ),
+          listenToOnlyElement: true
         } );
 
         // create a node that will have child nodes.
@@ -397,7 +400,8 @@ <h3>Images</h3>
       $( window ).ready( () => {
         const scene = new phet.scenery.Node();
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'image-scene' )
+          container: document.getElementById( 'image-scene' ),
+          listenToOnlyElement: true
         } );
 
         // TODO: support different ways of handling the asynchronous load https://github.com/phetsims/scenery/issues/1581
@@ -445,15 +449,17 @@ <h3>DOM Elements</h3>
       $( window ).ready( () => {
         const scene = new phet.scenery.Node();
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'dom-simple' )
+          container: document.getElementById( 'dom-simple' ),
+          listenToOnlyElement: true
         } );
 
         const element = document.createElement( 'span' );
         element.innerHTML = '<label style="display: inline;">Type in me:</label><input type="text">';
 
         scene.addChild( new phet.scenery.DOM( element, {
           x: 50,
-          rotation: Math.PI / 4
+          rotation: Math.PI / 4,
+          allowInput: true
         } ) );
 
         display.updateDisplay();
@@ -466,7 +472,8 @@ <h3>DOM Elements</h3>
 
 scene.addChild( new phet.scenery.DOM( element, {
   x: 50,
-  rotation: Math.PI / 4
+  rotation: Math.PI / 4,
+  allowInput: true
 } ) );
       </pre>
 
@@ -492,7 +499,8 @@ <h3>Animation</h3>
       $( window ).ready( () => {
         const scene = new phet.scenery.Node();
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'animation-simple' )
+          container: document.getElementById( 'animation-simple' ),
+          listenToOnlyElement: true
         } );
 
         // a hexagon to rotate
@@ -603,7 +611,8 @@ <h4>Colored by quantity of pointers inside shape</h4>
       $( window ).ready( () => {
         const scene = new phet.scenery.Node();
         const display = new phet.scenery.Display( scene, {
-          container: document.getElementById( 'input-mouseover' )
+          container: document.getElementById( 'input-mouseover' ),
+          listenToOnlyElement: true
         } );
 
         // hook up event listeners just on this scene (not the whole document)