@lowdefy/blocks-basic 0.0.0-experimental-20260928120643 → 0.0.0-experimental-20260929110023

package/dist/blocks/Box/Box.js

@@ -13,17 +13,21 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { withBlockDefaults } from '@lowdefy/block-utils';
+import { isEventFromDomDescendant, withBlockDefaults } from '@lowdefy/block-utils';
 const Box = ({ blockId, classNames, content, events, methods, properties, styles })=>{
     return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
         "data-testid": blockId,
-        onClick: ()=>methods.triggerEvent({
+        onClick: (event)=>{
+            if (isEventFromDomDescendant(event)) methods.triggerEvent({
                 name: 'onClick'
-            }),
-        onPaste: ()=>methods.triggerEvent({
+            });
+        },
+        onPaste: (event)=>{
+            if (isEventFromDomDescendant(event)) methods.triggerEvent({
                 name: 'onPaste'
-            }),
+            });
+        },
         className: classNames?.element,
         style: {
             outline: 'none',

package/dist/blocks/Box/tests/Box.e2e.yaml

@@ -76,3 +76,65 @@ blocks:
           type: SetState
           params:
             clicked: true
+
+  # Test 7: nested clickable Boxes. The inner Box handles the click, so the outer Box does not
+  # fire unless the inner event sets bubble: true.
+  - id: box_nested_outer
+    type: Box
+    style:
+      padding: 20px
+    events:
+      onClick:
+        - id: set_outer_clicked
+          type: SetState
+          params:
+            outer_clicks:
+              _sum:
+                - _if_none:
+                    - _state: outer_clicks
+                    - 0
+                - 1
+    blocks:
+      - id: box_nested_inner
+        type: Box
+        properties:
+          content: Inner
+        events:
+          onClick:
+            - id: set_inner_clicked
+              type: SetState
+              params:
+                inner_clicked: true
+      - id: box_nested_inner_bubble
+        type: Box
+        properties:
+          content: Inner bubble
+        events:
+          onClick:
+            bubble: true
+            try:
+              - id: set_inner_bubble_clicked
+                type: SetState
+                params:
+                  inner_bubble_clicked: true
+      - id: box_nested_plain
+        type: Box
+        properties:
+          content: Plain child
+  - id: box_nested_display
+    type: Box
+    properties:
+      content:
+        _string.concat:
+          - 'outer='
+          - _if_none:
+              - _state: outer_clicks
+              - 0
+          - ' inner='
+          - _if_none:
+              - _state: inner_clicked
+              - false
+          - ' bubble='
+          - _if_none:
+              - _state: inner_bubble_clicked
+              - false

package/dist/blocks/Dynamic/Dynamic.js

@@ -13,7 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { withBlockDefaults } from '@lowdefy/block-utils';
+import { isEventFromDomDescendant, withBlockDefaults } from '@lowdefy/block-utils';
 // Server-resolved container. The server fills the content slot at page get by
 // calling the configured api endpoint — by the time config reaches the client,
 // content holds the resolved blocks (or the fallback blocks on failure).
@@ -21,9 +21,11 @@ const Dynamic = ({ blockId, classNames, content, events, methods, styles })=>{
     return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
         "data-testid": blockId,
-        onClick: ()=>methods.triggerEvent({
+        onClick: (event)=>{
+            if (isEventFromDomDescendant(event)) methods.triggerEvent({
                 name: 'onClick'
-            }),
+            });
+        },
         className: classNames?.element,
         style: {
             outline: 'none',

package/dist/blocks/Span/Span.js

@@ -13,13 +13,15 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { withBlockDefaults } from '@lowdefy/block-utils';
+import { isEventFromDomDescendant, withBlockDefaults } from '@lowdefy/block-utils';
 const Span = ({ blockId, classNames, content, events, methods, properties, styles })=>/*#__PURE__*/ React.createElement("span", {
         id: blockId,
         "data-testid": blockId,
-        onClick: ()=>methods.triggerEvent({
+        onClick: (event)=>{
+            if (isEventFromDomDescendant(event)) methods.triggerEvent({
                 name: 'onClick'
-            }),
+            });
+        },
         className: classNames?.element,
         style: {
             outline: 'none',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-basic",
-  "version": "0.0.0-experimental-20260928120643",
+  "version": "0.0.0-experimental-20260929110023",
   "license": "Apache-2.0",
   "description": "Basic html Lowdefy blocks.",
   "homepage": "https://lowdefy.com",
@@ -45,8 +45,8 @@
     "dist/*"
   ],
   "dependencies": {
-    "@lowdefy/block-utils": "0.0.0-experimental-20260928120643",
-    "@lowdefy/helpers": "0.0.0-experimental-20260928120643",
+    "@lowdefy/block-utils": "0.0.0-experimental-20260929110023",
+    "@lowdefy/helpers": "0.0.0-experimental-20260929110023",
     "dompurify": "3.4.13"
   },
   "peerDependencies": {
@@ -54,8 +54,8 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260928120643",
-    "@lowdefy/e2e-utils": "0.0.0-experimental-20260928120643",
+    "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260929110023",
+    "@lowdefy/e2e-utils": "0.0.0-experimental-20260929110023",
     "@playwright/test": "1.59.1",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.32",