fix: rich text table error inside another table

Author: gjulivan

packages/pluggableWidgets/rich-text-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where rich text table failed to properly functions if the widget is placed inside a table structure.
+
 ## [4.8.0] - 2025-07-01
 
 ### Added

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/quill-table-better.ts

@@ -148,7 +148,7 @@ class Table extends Module {
 
     handleMousedown(e: MouseEvent) {
         this.tableSelect?.hide(this.tableSelect.root);
-        const table = (e.target as Element).closest("table");
+        const table = (e.target as Element).closest("table.ql-table-better");
         if (!table) return this.hideTools();
         this.cellSelection.handleMousedown(e);
         this.cellSelection.setDisabled(true);

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/ui/cell-selection.ts

@@ -304,7 +304,7 @@ class CellSelection {
 
     handleMousedown(e: MouseEvent) {
         this.clearSelected();
-        const table = (e.target as Element).closest("table");
+        const table = (e.target as Element).closest("table.ql-table-better");
         if (!table) return;
         this.tableBetter.tableMenus.destroyTablePropertiesForm();
         const startTd = (e.target as Element).closest("td");

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/ui/operate-line.ts

@@ -180,7 +180,8 @@ class OperateLine {
     }
 
     handleMouseMove(e: MouseEvent) {
-        const tableNode = (e.target as Element).closest("table");
+        const tableNode = (e.target as Element).closest("table.ql-table-better");
+        if (!tableNode) return;
         const cellNode = (e.target as Element).closest("td");
         const mousePosition = {
             clientX: e.clientX,

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/ui/table-menus.ts

@@ -607,7 +607,8 @@ class TableMenus {
     }
 
     handleClick(e: MouseEvent) {
-        const table = (e.target as Element).closest("table");
+        const table = (e.target as Element).closest("table.ql-table-better");
+        if (!table) return;
         this.prevList && this.prevList.classList.add("ql-hidden");
         this.prevTooltip && this.prevTooltip.classList.remove("ql-table-tooltip-hidden");
         this.prevList = null;