@atlaskit/editor-plugin-table 7.25.3 → 7.25.4

package/dist/types/ui/FloatingContextualMenu/index.d.ts

@@ -19,9 +19,10 @@ export interface Props {
     pluginConfig?: PluginConfig;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
     isCellMenuOpenByKeyboard?: boolean;
+    isCommentEditor?: boolean;
 }
 declare const FloatingContextualMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, }: Props): jsx.JSX.Element | null;
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, isCommentEditor, }: Props): jsx.JSX.Element | null;
     displayName: string;
 };
 export default FloatingContextualMenu;

package/dist/types-ts4.5/commands/column-resize.d.ts

@@ -12,11 +12,12 @@ export declare const activateNextResizeArea: ({ direction, ariaNotify, getIntl,
     ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
     getIntl?: (() => IntlShape) | undefined;
 }) => Command;
-export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, ariaNotify, getIntl, }: {
+export declare const changeColumnWidthByStep: ({ stepSize, getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, ariaNotify, getIntl, }: {
     stepSize: number;
     getEditorContainerWidth: GetEditorContainerWidth;
     isTableScalingEnabled: boolean;
     isTableFixedColumnWidthsOptionEnabled: boolean;
+    isCommentEditor: boolean;
     ariaNotify?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined;
     getIntl?: (() => IntlShape) | undefined;
     originalTr?: Transaction | undefined;

package/dist/types-ts4.5/commands-with-analytics.d.ts

@@ -16,7 +16,7 @@ export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalytic
 export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, editorView?: EditorView | null) => Command;
 export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
 export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isCellbackgroundDuplicated?: boolean) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
-export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;
+export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, isCommentEditor: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;
 export declare const insertColumnWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isCellbackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
 export declare const deleteRowsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect, isHeaderRowRequired: boolean) => Command;
 export declare const deleteColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect) => Command;

package/dist/types-ts4.5/pm-plugins/drag-and-drop/plugin.d.ts

@@ -1,4 +1,4 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare const createPlugin: (dispatch: Dispatch, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean) => SafePlugin<import("./types").DragAndDropPluginState>;
+export declare const createPlugin: (dispatch: Dispatch, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean) => SafePlugin<import("./types").DragAndDropPluginState>;

package/dist/types-ts4.5/pm-plugins/table-resizing/event-handlers.d.ts

@@ -1,4 +1,4 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const handleMouseDown: (view: EditorView, event: MouseEvent, localResizeHandlePos: number, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, isTableScalingEnabled: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean) => boolean;
+export declare const handleMouseDown: (view: EditorView, event: MouseEvent, localResizeHandlePos: number, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, isTableScalingEnabled: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean) => boolean;

package/dist/types-ts4.5/pm-plugins/table-resizing/plugin.d.ts

@@ -3,4 +3,4 @@ import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { ColumnResizingPluginState } from '../../types';
-export declare function createPlugin(dispatch: Dispatch<ColumnResizingPluginState>, { lastColumnResizable }: ColumnResizingPluginState, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean): SafePlugin<ColumnResizingPluginState>;
+export declare function createPlugin(dispatch: Dispatch<ColumnResizingPluginState>, { lastColumnResizable }: ColumnResizingPluginState, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean): SafePlugin<ColumnResizingPluginState>;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/resize-state.d.ts

@@ -27,4 +27,4 @@ export declare const normaliseTableLayout: (input: string | undefined | null) =>
 export declare const getNewResizeStateFromSelectedColumns: (rect: Rect, state: EditorState, domAtPos: (pos: number) => {
     node: Node;
     offset: number;
-}, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean) => ResizeStateWithAnalytics | undefined;
+}, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean) => ResizeStateWithAnalytics | undefined;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/scale-table.d.ts

@@ -16,5 +16,5 @@ export interface ScaleOptions {
 export declare const scale: (tableRef: HTMLTableElement, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean) => ResizeState | undefined;
 export declare const scaleWithParent: (tableRef: HTMLTableElement, parentWidth: number, table: PMNode, start: number, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean) => ResizeState;
 export declare function scaleTableTo(state: ResizeState, maxSize: number): ResizeState;
-export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean, isTableWithFixedColumnWidthsOptionEnabled?: boolean) => void;
+export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean, isTableWithFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean) => void;
 export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/toolbar.d.ts

@@ -8,11 +8,11 @@ import { Rect } from '@atlaskit/editor-tables/table-map';
 import type { TablePluginOptions } from './plugin';
 import type { AlignmentOptions, PluginConfig, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from './types';
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingWithFixedColumnWidthsOptionShown?: boolean, areTableColumnWidthsFixed?: boolean) => FloatingToolbarItem<Command>;
-export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;
 export declare const getClosestSelectionOrTableRect: (state: EditorState) => Rect | undefined;
 export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorFeatureFlags: GetEditorFeatureFlags, getEditorView: () => EditorView | null, options?: TablePluginOptions, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (config: PluginConfig) => FloatingToolbarHandler;
-export declare const getDistributeConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean) => Command;
+export declare const getDistributeConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean) => Command;
 type AlignmentIcon = {
     id?: string;
     value: AlignmentOptions;

package/dist/types-ts4.5/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -24,6 +24,7 @@ export interface Props {
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isCellMenuOpenByKeyboard?: boolean;
+    isCommentEditor?: boolean;
 }
 export interface State {
     isSubmenuOpen: boolean;

package/dist/types-ts4.5/ui/FloatingContextualMenu/index.d.ts

@@ -19,9 +19,10 @@ export interface Props {
     pluginConfig?: PluginConfig;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
     isCellMenuOpenByKeyboard?: boolean;
+    isCommentEditor?: boolean;
 }
 declare const FloatingContextualMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, }: Props): jsx.JSX.Element | null;
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, isCommentEditor, }: Props): jsx.JSX.Element | null;
     displayName: string;
 };
 export default FloatingContextualMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.25.3",
+	"version": "7.25.4",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/adf-schema": "^40.8.1",
 		"@atlaskit/button": "^19.2.0",
 		"@atlaskit/custom-steps": "^0.7.0",
-		"@atlaskit/editor-common": "^87.9.0",
+		"@atlaskit/editor-common": "^87.10.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.7.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/theme": "^12.12.0",
+		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/toggle": "^13.3.0",
 		"@atlaskit/tokens": "^1.58.0",
 		"@atlaskit/tooltip": "^18.7.0",

package/src/commands/column-resize.ts

@@ -250,6 +250,7 @@ export const changeColumnWidthByStep =
 		getEditorContainerWidth,
 		isTableScalingEnabled,
 		isTableFixedColumnWidthsOptionEnabled,
+		isCommentEditor,
 		ariaNotify,
 		getIntl,
 	}: {
@@ -257,6 +258,7 @@ export const changeColumnWidthByStep =
 		getEditorContainerWidth: GetEditorContainerWidth;
 		isTableScalingEnabled: boolean;
 		isTableFixedColumnWidthsOptionEnabled: boolean;
+		isCommentEditor: boolean;
 		ariaNotify?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
 		getIntl?: () => IntlShape;
 		originalTr?: Transaction;
@@ -318,9 +320,12 @@ export const changeColumnWidthByStep =
 		if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
 			isTableScalingEnabledOnCurrentTable = originalTable.attrs.displayMode !== 'fixed';
 		}
+
 		const shouldUseIncreasedScalingPercent =
-			isTableScalingWithFixedColumnWidthsOptionEnabled &&
-			fg('platform.editor.table.use-increased-scaling-percent');
+			(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+				fg('platform.editor.table.use-increased-scaling-percent')) ||
+			// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+			(isTableScalingEnabled && isCommentEditor);
 
 		const initialResizeState = getResizeState({
 			minWidth: tableCellMinWidth,

package/src/commands-with-analytics.ts

@@ -238,6 +238,7 @@ export const changeColumnWidthByStepWithAnalytics =
 		getEditorContainerWidth: GetEditorContainerWidth,
 		isTableScalingEnabled: boolean,
 		isTableFixedColumnWidthsOptionEnabled: boolean,
+		isCommentEditor: boolean,
 		inputMethod: INPUT_METHOD.SHORTCUT,
 		ariaNotify?: (message: string) => void,
 		getIntl?: () => IntlShape,
@@ -268,6 +269,7 @@ export const changeColumnWidthByStepWithAnalytics =
 				getEditorContainerWidth: getEditorContainerWidth,
 				isTableScalingEnabled,
 				isTableFixedColumnWidthsOptionEnabled,
+				isCommentEditor,
 				ariaNotify: ariaNotify,
 				getIntl: getIntl,
 			}),

package/src/event-handlers.ts

@@ -315,7 +315,7 @@ export const handleMouseLeave = (view: EditorView, event: Event): boolean => {
 
 	if (isTableHovered) {
 		if (isDragAndDropEnabled) {
-			const { isDragMenuOpen } = getDragDropPluginState(state);
+			const { isDragMenuOpen = false } = getDragDropPluginState(state);
 			!isDragMenuOpen && setTableHovered(false)(state, dispatch);
 		} else {
 			setTableHovered(false)(state, dispatch);
@@ -588,6 +588,7 @@ export const withCellTracking =
 	(view: EditorView, mouseEvent: Event): boolean => {
 		if (
 			getPluginState(view.state).isDragAndDropEnabled &&
+			getDragDropPluginState(view.state) &&
 			!getDragDropPluginState(view.state).isDragging
 		) {
 			trackCellLocation(view, mouseEvent);

package/src/nodeviews/TableComponent.tsx

@@ -438,12 +438,13 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			const { tableWithFixedColumnWidthsOption = false } = getEditorFeatureFlags();
 
 			const isTableScalingWithFixedColumnWidthsOptionEnabled =
-				this.props.options?.isTableScalingEnabled && tableWithFixedColumnWidthsOption;
+				!!this.props.options?.isTableScalingEnabled && tableWithFixedColumnWidthsOption;
 
 			const shouldUseIncreasedScalingPercent =
 				(isTableScalingWithFixedColumnWidthsOptionEnabled &&
 					fg('platform.editor.table.use-increased-scaling-percent')) ||
-				false;
+				// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+				(!!this.props.options?.isTableScalingEnabled && !!this.props.options?.isCommentEditor);
 
 			if (force || (!isResizing && shouldUpdateColgroup)) {
 				const resizeState = getResizeState({
@@ -517,10 +518,11 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 		}
 
 		const isTableScalingWithFixedColumnWidthsOptionEnabled =
-			isTableScalingEnabled && tableWithFixedColumnWidthsOption;
+			!!isTableScalingEnabled && tableWithFixedColumnWidthsOption;
 		const shouldUseIncreasedScalingPercent =
-			isTableScalingWithFixedColumnWidthsOptionEnabled &&
-			fg('platform.editor.table.use-increased-scaling-percent');
+			(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+				fg('platform.editor.table.use-increased-scaling-percent')) ||
+			(!!isTableScalingEnabled && !!this.props.options?.isCommentEditor);
 
 		if (
 			isTableScalingWithFixedColumnWidthsOptionEnabled &&
@@ -808,9 +810,10 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 		const { stickyScrollbar, tableWithFixedColumnWidthsOption = false } = getEditorFeatureFlags();
 
 		const shouldUseIncreasedScalingPercent =
-			isTableScalingEnabled &&
-			tableWithFixedColumnWidthsOption &&
-			fg('platform.editor.table.use-increased-scaling-percent');
+			!!isTableScalingEnabled &&
+			((tableWithFixedColumnWidthsOption &&
+				fg('platform.editor.table.use-increased-scaling-percent')) ||
+				!!this.props.options?.isCommentEditor);
 
 		return (
 			<TableContainer

package/src/nodeviews/TableResizer.tsx

@@ -450,6 +450,7 @@ export const TableResizer = ({
 				editorView.domAtPos.bind(editorView),
 				isTableScalingEnabled,
 				isTableWithFixedColumnWidthsOptionEnabled,
+				isCommentEditor,
 			);
 
 			const editorContainerWidth = isFullWidthModeEnabled

package/src/nodeviews/lazy-node-views.ts

@@ -9,7 +9,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 
 import type { PluginInjectionAPI } from '../types';
 
-import ignoreMutationDelegate from './ignore-mutation-delegate';
 // TODO: Clean up ED-23976
 import { createTableView } from './table';
 import TableCell from './TableCell';
@@ -94,9 +93,6 @@ export const lazyTableView = (options: TableViewOptions) => {
 		nodeName: 'table',
 		getNodeViewOptions: () => options,
 		loader,
-		lazyNodeViewOptions: {
-			ignoreMutationDelegate,
-		},
 	});
 };
 

package/src/nodeviews/table.tsx

@@ -31,7 +31,6 @@ import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import type { PluginInjectionAPI } from '../types';
 import { isTableNested } from '../utils';
 
-import ignoreMutationDelegate from './ignore-mutation-delegate';
 import TableComponent from './TableComponent';
 import { TableComponentWithSharedState } from './TableComponentWithSharedState';
 import type { Props } from './types';
@@ -316,16 +315,39 @@ export default class TableView extends ReactNodeView<Props> {
 	}
 
 	ignoreMutation(mutation: MutationRecord | { type: 'selection'; target: Element }) {
-		const ignoreMutation = ignoreMutationDelegate(mutation);
+		const {
+			type,
+			target: { nodeName, firstChild },
+		} = mutation;
+
+		if (
+			type === 'selection' &&
+			nodeName?.toUpperCase() === 'DIV' &&
+			firstChild?.nodeName.toUpperCase() === 'TABLE'
+		) {
+			return false;
+		}
+
+		// ED-16668
+		// Do not remove this fixes an issue with windows firefox that relates to
+		// the addition of the shadow sentinels
+		if (
+			type === 'selection' &&
+			nodeName?.toUpperCase() === 'TABLE' &&
+			(firstChild?.nodeName.toUpperCase() === 'COLGROUP' ||
+				firstChild?.nodeName.toUpperCase() === 'SPAN')
+		) {
+			return false;
+		}
+
 		if (fg('platform_editor_react_18_table_insertion_cursor')) {
-			if (ignoreMutation) {
-				if (!this.contentDOM) {
-					return true;
-				}
-				return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+			if (!this.contentDOM) {
+				return true;
 			}
+			return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
 		}
-		return ignoreMutation;
+
+		return true;
 	}
 
 	destroy() {

package/src/plugin.tsx

@@ -162,10 +162,13 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 
 	const isTableFixedColumnWidthsOptionEnabled =
 		options?.getEditorFeatureFlags?.().tableWithFixedColumnWidthsOption || false;
+
 	const shouldUseIncreasedScalingPercent =
 		options?.isTableScalingEnabled &&
-		isTableFixedColumnWidthsOptionEnabled &&
-		fg('platform.editor.table.use-increased-scaling-percent');
+		((isTableFixedColumnWidthsOptionEnabled &&
+			fg('platform.editor.table.use-increased-scaling-percent')) ||
+			// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+			options?.isCommentEditor);
 
 	const isCellBackgroundDuplicated =
 		options?.getEditorFeatureFlags?.().tableDuplicateCellColouring || false;
@@ -338,6 +341,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 									isTableScalingEnabled || false,
 									isNewColumnResizingEnabled,
 									isTableAlignmentEnabled,
+									!!options?.isCommentEditor,
 								)
 							: undefined;
 					},
@@ -415,6 +419,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 									editorAnalyticsAPI,
 									options?.isTableScalingEnabled,
 									isTableFixedColumnWidthsOptionEnabled,
+									options.isCommentEditor,
 								)
 							: undefined;
 					},
@@ -610,6 +615,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 												options?.getEditorFeatureFlags || defaultGetEditorFeatureFlags
 											}
 											isCellMenuOpenByKeyboard={isCellMenuOpenByKeyboard}
+											isCommentEditor={options?.isCommentEditor}
 										/>
 									)}
 									{isDragAndDropEnabled && (

package/src/pm-plugins/drag-and-drop/plugin.ts

@@ -34,6 +34,7 @@ const destroyFn = (
 	editorAnalyticsAPI: any,
 	isTableScalingEnabled: boolean,
 	isTableFixedColumnWidthsOptionEnabled: boolean,
+	isCommentEditor: boolean,
 ) => {
 	const editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
 
@@ -224,8 +225,10 @@ const destroyFn = (
 							}
 
 							const shouldUseIncreasedScalingPercent =
-								isTableScalingWithFixedColumnWidthsOptionEnabled &&
-								fg('platform.editor.table.use-increased-scaling-percent');
+								(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+									fg('platform.editor.table.use-increased-scaling-percent')) ||
+								// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+								(isTableScalingEnabled && isCommentEditor);
 
 							insertColgroupFromNode(
 								tableRef,
@@ -249,6 +252,7 @@ export const createPlugin = (
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
 	isTableScalingEnabled = false,
 	isTableFixedColumnWidthsOptionEnabled = false,
+	isCommentEditor = false,
 ) => {
 	return new SafePlugin({
 		state: createPluginState(dispatch, (state) => ({
@@ -264,7 +268,7 @@ export const createPlugin = (
 		appendTransaction: (transactions, oldState, newState) => {
 			const { targetCellPosition: oldTargetCellPosition } = getTablePluginState(oldState);
 			const { targetCellPosition: newTargetCellPosition } = getTablePluginState(newState);
-			const { isDragMenuOpen, dragMenuIndex } = getPluginState(newState);
+			const { isDragMenuOpen = false, dragMenuIndex } = getPluginState(newState);
 
 			transactions.forEach((transaction) => {
 				if (transaction.getMeta('selectedRowViaKeyboard')) {
@@ -323,6 +327,7 @@ export const createPlugin = (
 					editorAnalyticsAPI,
 					isTableScalingEnabled,
 					isTableFixedColumnWidthsOptionEnabled,
+					isCommentEditor,
 				),
 			};
 		},
@@ -361,7 +366,7 @@ export const createPlugin = (
 				].includes(((event.target as HTMLElement) || null)?.id);
 				const keysToTrap = ['Enter', ' '];
 
-				const { isDragMenuOpen } = getPluginState(view.state);
+				const { isDragMenuOpen = false } = getPluginState(view.state);
 
 				// drag handle is focused, and user presses any key return them back to editing
 				if (isDragHandleFocused && !isDragMenuOpen && !keysToTrap.includes(event.key)) {

package/src/pm-plugins/keymap.ts

@@ -286,6 +286,7 @@ export function keymapPlugin(
 			getEditorContainerWidth,
 			isTableScalingEnabled,
 			isTableFixedColumnWidthsOptionEnabled,
+			!!isCommentEditor,
 			INPUT_METHOD.SHORTCUT,
 			ariaNotifyPlugin,
 			getIntl,
@@ -300,6 +301,7 @@ export function keymapPlugin(
 			getEditorContainerWidth,
 			isTableScalingEnabled,
 			isTableFixedColumnWidthsOptionEnabled,
+			!!isCommentEditor,
 			INPUT_METHOD.SHORTCUT,
 			ariaNotifyPlugin,
 			getIntl,

package/src/pm-plugins/table-resizing/event-handlers.ts

@@ -50,6 +50,7 @@ export const handleMouseDown = (
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
 	isNewColumnResizingEnabled?: boolean,
 	isTableAlignmentEnabled?: boolean,
+	isCommentEditor?: boolean,
 ): boolean => {
 	const { state, dispatch } = view;
 	const editorDisabled = !view.editable;
@@ -112,8 +113,10 @@ export const handleMouseDown = (
 		domAtPos,
 		isTableScalingEnabled: shouldScale,
 		shouldUseIncreasedScalingPercent:
-			isTableScalingWithFixedColumnWidthsOptionEnabled &&
-			fg('platform.editor.table.use-increased-scaling-percent'),
+			(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+				fg('platform.editor.table.use-increased-scaling-percent')) ||
+			// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+			(isTableScalingEnabled && !!isCommentEditor),
 	});
 
 	if (
@@ -211,8 +214,9 @@ export const handleMouseDown = (
 
 				const resizedDelta = clientX - startX;
 				const shouldUseIncreasedScalingPercent =
-					isTableScalingWithFixedColumnWidthsOptionEnabled &&
-					fg('platform.editor.table.use-increased-scaling-percent');
+					(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+						fg('platform.editor.table.use-increased-scaling-percent')) ||
+					(isTableScalingEnabled && !!isCommentEditor);
 
 				if (isNewColumnResizingEnabled && !isTableNested(state, tablePos)) {
 					const newResizeState = resizeColumnAndTable({
@@ -345,8 +349,9 @@ export const handleMouseDown = (
 		let shouldScale = tableDepth === 0 && isTableScalingEnabled;
 
 		const shouldUseIncreasedScalingPercent =
-			isTableScalingWithFixedColumnWidthsOptionEnabled &&
-			fg('platform.editor.table.use-increased-scaling-percent');
+			(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+				fg('platform.editor.table.use-increased-scaling-percent')) ||
+			(isTableScalingEnabled && isCommentEditor);
 
 		if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
 			shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';

package/src/pm-plugins/table-resizing/plugin.ts

@@ -24,6 +24,7 @@ export function createPlugin(
 	isTableScalingEnabled?: boolean,
 	isNewColumnResizingEnabled?: boolean,
 	isTableAlignmentEnabled?: boolean,
+	isCommentEditor?: boolean,
 ) {
 	return new SafePlugin({
 		key: pluginKey,
@@ -76,6 +77,7 @@ export function createPlugin(
 								editorAnalyticsAPI,
 								isNewColumnResizingEnabled,
 								isTableAlignmentEnabled,
+								isCommentEditor,
 							)
 						) {
 							const { state, dispatch } = view;

package/src/pm-plugins/table-resizing/utils/resize-state.ts

@@ -5,7 +5,7 @@ import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { getSelectedTableInfo } from '../../../utils';
 
@@ -326,6 +326,7 @@ export const getNewResizeStateFromSelectedColumns = (
 	getEditorContainerWidth: GetEditorContainerWidth,
 	isTableScalingEnabled = false,
 	isTableFixedColumnWidthsOptionEnabled = false,
+	isCommentEditor = false,
 ): ResizeStateWithAnalytics | undefined => {
 	// Fail early so that we don't do complex calculations for no reason
 	const numColumnsSelected = rect.right - rect.left;
@@ -381,8 +382,9 @@ export const getNewResizeStateFromSelectedColumns = (
 		domAtPos,
 		isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
 		shouldUseIncreasedScalingPercent:
-			isTableScalingWithFixedColumnWidthsOptionEnabled &&
-			getBooleanFF('platform.editor.table.use-increased-scaling-percent'),
+			(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+				fg('platform.editor.table.use-increased-scaling-percent')) ||
+			(isTableScalingEnabled && isCommentEditor),
 	});
 
 	const newResizeState = evenSelectedColumnsWidths(resizeState, rect);

package/src/pm-plugins/table-resizing/utils/scale-table.ts

@@ -4,7 +4,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DomAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 import { updateColumnWidths } from '../../../transforms';
 import { getTableWidth } from '../../../utils';
@@ -154,6 +154,7 @@ export const previewScaleTable = (
 	domAtPos: DomAtPos,
 	isTableScalingEnabled: boolean = false,
 	isTableWithFixedColumnWidthsOptionEnabled: boolean = false,
+	isCommentEditor: boolean = false,
 ) => {
 	const { node, start, parentWidth } = options;
 
@@ -185,8 +186,10 @@ export const previewScaleTable = (
 	}
 
 	const shouldUseIncreasedScalingPercent =
-		isTableScalingWithFixedColumnWidthsOptionEnabled &&
-		getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+		(isTableScalingWithFixedColumnWidthsOptionEnabled &&
+			fg('platform.editor.table.use-increased-scaling-percent')) ||
+		// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
+		(isTableScalingEnabled && isCommentEditor);
 
 	const resizeState = parentWidth
 		? scaleWithParent(