added "hole" to stack-highlights to enable clicking inside open areas

HISTORY.md

@@ -28,11 +28,15 @@
     * fixed numeric input fields in dialog boxes
     * fixed reacting to keyboard input in dialog boxes
     * fixed zoom blocks type-in dialog
+    * added "hole" to stack-highlights to enable clicking inside open areas
 * **Documentation Updates:**
     * added migration guide for Morphic2/Snap!6
 * **Translation Updates:**
     * German
 
+### 2020-07-29
+* blocks: added "hole" to stack-highlights to enable clicking inside open areas
+
 ### 2020-07-28
 * blocks: tweaked stack-highlight for (partially) faded blocks
 

snap.html

@@ -7,7 +7,7 @@
         <script src="src/morphic.js?version=2020-07-23"></script>
         <script src="src/symbols.js?version=2020-07-21"></script>
         <script src="src/widgets.js?version=2020-07-27"></script>
-        <script src="src/blocks.js?version=2020-07-28"></script>
+        <script src="src/blocks.js?version=2020-07-29"></script>
         <script src="src/threads.js?version=2020-07-27"></script>
         <script src="src/objects.js?version=2020-07-26"></script>
         <script src="src/gui.js?version=2020-07-27"></script>

src/blocks.js

@@ -158,7 +158,7 @@ CustomCommandBlockMorph, SymbolMorph, ToggleButtonMorph, DialMorph*/
 
 // Global stuff ////////////////////////////////////////////////////////
 
-modules.blocks = '2020-July-28';
+modules.blocks = '2020-July-29';
 
 var SyntaxElementMorph;
 var BlockMorph;
@@ -4217,13 +4217,16 @@ BlockMorph.prototype.highlight = function (color, blur, border) {
     var highlight = new BlockHighlightMorph(),
         fb = this.fullBounds(),
         edge = useBlurredShadows && !MorphicPreferences.isFlat ?
-                blur : border;
+                blur : border,
+        offset = new Point(edge, edge);
+
     highlight.bounds.setExtent(fb.extent().add(edge * 2));
+    highlight.holes = [fb.translateBy(this.position().neg().add(offset))];
     highlight.color = color;
     highlight.cachedImage = useBlurredShadows && !MorphicPreferences.isFlat ?
             this.highlightImageBlurred(color, blur)
                 : this.highlightImage(color, border);
-    highlight.setPosition(fb.origin.subtract(new Point(edge, edge)));
+    highlight.setPosition(fb.origin.subtract(offset));
     return highlight;
 };