Merge pull request #6140 from nextcloud-libraries/backport/6108/next

[next] [NcRichText] Add style to mount point for custom picker and custom widget elements
nextcloud-libraries · Oct 11, 2024 · aa10544 · aa10544
2 parents 7d9ef75 + 0177e22
commit aa10544
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
@@ -26,6 +26,7 @@
 		<div v-else-if="mode === MODES.customElement"
 			class="custom-element-wrapper">
 			<NcCustomPickerElement :provider="selectedProvider"
+				class="custom-element"
 				@submit="submitLink"
 				@cancel="cancelCustomElement" />
 		</div>
@@ -180,6 +181,11 @@ export default {
 		display: flex;
 		overflow-y: auto;
 		width: 100%;
+		.custom-element {
+			display: flex;
+			overflow-y: auto;
+			width: 100%;
+		}
 	}
 }
 </style>
diff --git a/src/components/NcRichText/NcReferenceWidget.vue b/src/components/NcRichText/NcReferenceWidget.vue
@@ -200,6 +200,7 @@ export default {
 
 			// create a separate element so we can rerender on the ref again
 			const widget = document.createElement('div')
+			widget.style = 'width: 100%;'
 			this.$refs.customWidget.appendChild(widget)
 			this.$nextTick(() => {
 				// Waiting for the ref to become available