@elasticias/ui 1.0.32 → 1.0.33

package/fesm2022/elasticias-ui.mjs

@@ -5190,6 +5190,21 @@ class EfDataCardComponent {
      * Children that own their own click. Opening the row on top of them would
      * run two things from one gesture.
      */
+    /**
+     * Cells that exist for a control of their own rather than for the row's
+     * content: the drag handle, the select box, the actions menu. The
+     * component already treats `select` and `actions` as structural when it
+     * decides what is a data column; a click belongs to the cell's own job.
+     *
+     * Guarding only the control itself was not enough. A select cell is wider
+     * than its checkbox, so a click in the padding beside it fell through to
+     * the row and opened the record — throwing away a multi-select that was
+     * still being built, from a miss of about 20px.
+     */
+    static STRUCTURAL_CELL = 'td.tbl-drag, td[data-col="select"], td[data-col="actions"]';
+    isStructuralCell(target) {
+        return !!target?.closest(EfDataCardComponent.STRUCTURAL_CELL);
+    }
     static INTERACTIVE_CHILD = 'button, a, input, select, textarea, label, [role="button"], [role="menu"], [role="menuitem"]';
     /**
      * Bounded by the row on purpose. The row itself is given `role="button"`
@@ -5228,6 +5243,8 @@ class EfDataCardComponent {
     onRowClick(row, event) {
         if (!this.rowDoubleClickable())
             return;
+        if (this.isStructuralCell(event.target))
+            return;
         if (this.isInteractiveTarget(event.target, event.currentTarget))
             return;
         if (this.hasTextSelection())