fix(input-richtext): resolve rich text editor initialization and layout issues by bundling Tiptap locally and anchoring editor containers

This commit is contained in:
2026-04-03 13:51:03 +00:00
parent e6f501e804
commit 31fbe22f55
8 changed files with 30 additions and 28 deletions

View File

@@ -114,11 +114,11 @@ export class DeesDataviewCodebox extends DeesElement {
}
.codegrid {
position: absolute;
inset: 0;
display: grid;
grid-template-columns: 50px auto;
overflow: auto;
flex: 1;
min-height: 0;
}
.lineNumbers {

View File

@@ -214,9 +214,8 @@ export class DeesInputCode extends DeesInputBase<string> {
}
.editor-wrapper {
position: relative;
flex: 1;
min-height: 0;
position: absolute;
inset: 0;
}
dees-workspace-monaco {

View File

@@ -239,6 +239,7 @@ export class DeesInputRichtext extends DeesInputBase<string> {
this.editorElement = this.shadowRoot!.querySelector('.editor-content')!;
this.linkInputElement = this.shadowRoot!.querySelector('.link-input input')!;
this.initializeEditor();
this.requestUpdate();
}
private initializeEditor(): void {

View File

@@ -90,10 +90,10 @@ export const richtextStyles = [
}
.editor-content {
flex: 1;
position: absolute;
inset: 0;
padding: 16px;
overflow-y: auto;
min-height: var(--min-height, 200px);
}
.editor-content .ProseMirror {
@@ -101,6 +101,8 @@ export const richtextStyles = [
line-height: 1.6;
color: ${cssManager.bdTheme('hsl(0 0% 3.9%)', 'hsl(0 0% 98%)')};
min-height: 100%;
white-space: pre-wrap;
word-wrap: break-word;
}
.editor-content .ProseMirror p {
@@ -281,7 +283,7 @@ export const richtextStyles = [
line-height: 1.4;
}
:host([disabled]) .editor-container {
:host([disabled]) dees-tile {
opacity: 0.6;
cursor: not-allowed;
}

View File

@@ -94,8 +94,8 @@ export class DeesWorkspaceTerminalPreview extends DeesElement {
}
.terminal-container {
flex: 1;
position: relative;
position: absolute;
inset: 0;
padding: 8px;
}