added event listener to prevent new-line insertion in quote fields.

public/build_number

@@ -1 +1 @@
-280-f9e231e
+281-f6e1a43

src/components/translatable/TranslatableTSV.js

@@ -34,6 +34,7 @@ import { getReferenceFilterOptions } from './referenceFilterOptions';
 import { useContentUpdateProps } from '../../hooks/useContentUpdateProps';
 import { UpdateBranchButton } from '../branch-merger/components/UpdateBranchButton';
 import ErrorDialog from '../dialogs/ErrorDialog';
+import { useEventListeners } from '../../hooks/useEventListeners';
 
 const delimiters = { row: '\n', cell: '\t' };
 
@@ -51,6 +52,7 @@ export default function TranslatableTSV({
   // manage the state of the resources for the provider context
   const [resources, setResources] = useState([]);
   const [isSaving, setIsSaving] = useState(false);
+  const { addEventListener, clearEventListeners } = useEventListeners();
 
   const {
     state: {
@@ -116,6 +118,25 @@ export default function TranslatableTSV({
     page: 0,
     rowsPerPage: 25,
     rowsPerPageOptions: [10, 25, 50, 100],
+    onCellClick: (colData, cellMeta) => {
+      clearEventListeners();
+
+      const { name: columnName } = colData.props.tableMeta.columnData;
+      if (columnName !== "Quote") return;
+
+      const quoteElement = cellMeta.event.target;
+      if (!quoteElement?.addEventListener) return;
+
+      // Prevent Enter key from creating new lines in Quote cells
+      const handleQuoteKeyPress = (event) => {
+        if (event.key === 'Enter') {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      };
+
+      addEventListener(quoteElement, 'keypress', handleQuoteKeyPress);
+    }
   };
 
   const rowHeader = useDeepCompareCallback((rowData, actionsMenu) => {

src/hooks/useEventListeners.js

@@ -0,0 +1,21 @@
+import { useCallback, useRef, useEffect } from 'react';
+
+export function useEventListeners() {
+  const abortController = useRef(new AbortController());
+
+  const clearEventListeners = useCallback(() => {
+    abortController.current.abort();
+    abortController.current = new AbortController();
+  }, []);
+
+  const addEventListener = useCallback((target, eventType, listener) => {
+    target.addEventListener(eventType, listener, {
+      signal: abortController.current.signal
+    });
+  }, []);
+
+  // Cleanup event listeners on unmount
+  useEffect(() => clearEventListeners, [clearEventListeners]);
+
+  return { addEventListener, clearEventListeners };
+}