https://cathedralstl.org/themes/custom/sitetheme/components/table-container/table-container.js?tlvliw

1import { ComponentType, ComponentInstance } from "../../lib/component.js";
2import currentlyInCanvasEditor from "../../lib/currentlyInCanvasEditor.js";
3
4class TableContainer extends ComponentInstance {
5  init() {
6    if (currentlyInCanvasEditor()) {
7      // Like the section: a full-width table whose cells are all droppable child
8      // components leaves the container's Canvas selection overlay with no
9      // clickable area — every pixel belongs to a row/cell, so you can only
10      // select the container via the Layers panel. This marker class adds a small
11      // editor-only side padding strip (see table-container.css) so the container
12      // can be selected directly in the canvas. Front-end rendering is unaffected.
13      this.el.classList.add("ct-ctable-wrap--canvas-editor");
14    }
15  }
16}
17
18new ComponentType(TableContainer, "tableContainer", ".ct-ctable-wrap");