Merge pull request #3998 from nextcloud/fix/readyonly_table_width

Add table wrapper as scroll container for readonly tables
nextcloud · Mar 27, 2023 · 99c9c29 · 99c9c29
2 parents 9906a5f + 921c426
commit 99c9c29
Show file tree

Hide file tree

Showing 13 changed files with 23 additions and 19 deletions.
diff --git a/js/editor.js b/js/editor.js
diff --git a/js/editor.js.map b/js/editor.js.map
diff --git a/js/text-editors.js b/js/text-editors.js
diff --git a/js/text-editors.js.map b/js/text-editors.js.map
diff --git a/js/text-files.js b/js/text-files.js
diff --git a/js/text-files.js.map b/js/text-files.js.map
diff --git a/js/text-public.js b/js/text-public.js
diff --git a/js/text-public.js.map b/js/text-public.js.map
diff --git a/js/text-text.js b/js/text-text.js
diff --git a/js/text-text.js.map b/js/text-text.js.map
diff --git a/js/text-viewer.js b/js/text-viewer.js
diff --git a/js/text-viewer.js.map b/js/text-viewer.js.map
diff --git a/src/nodes/Table/Table.js b/src/nodes/Table/Table.js
@@ -170,7 +170,11 @@ export default Table.extend({
 	},
 
 	renderHTML({ HTMLAttributes }) {
-		return ['table', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+		return [
+			'div',
+			{ class: 'table-wrapper', style: 'overflow-x: auto;' },
+			['table', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0],
+		]
 	},
 
 	toMarkdown(state, node) {