Make TextEditor invisible until CSS is loaded (#5297)

holoviz · Jul 21, 2023 · 9c0d993 · 9c0d993
1 parent 0c45a40
commit 9c0d993
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/panel/models/quill.ts b/panel/models/quill.ts
@@ -47,9 +47,10 @@ export class QuillInputView extends HTMLBoxView {
 
   render(): void {
     super.render()
-    this.container = div({})
+    this.container = div({style: "visibility: hidden;"})
     this.shadow_el.appendChild(this.container)
     const theme = (this.model.mode === 'bubble') ? 'bubble' : 'snow'
+    this.watch_stylesheets()
     this.quill = new (window as any).Quill(this.container, {
       modules: {
         toolbar: this.model.toolbar
@@ -77,6 +78,10 @@ export class QuillInputView extends HTMLBoxView {
     });
   }
 
+  style_redraw(): void {
+    this.container.style.visibility = 'visible';
+  }
+
   after_layout(): void {
     super.after_layout()
     this._layout_toolbar()

diff --git a/panel/models/tabulator.ts b/panel/models/tabulator.ts
@@ -426,7 +426,6 @@ export class DataTabulatorView extends HTMLBoxView {
 
     let configuration = this.getConfiguration()
     this.tabulator = new Tabulator(el, configuration)
-    console.log(el, this.tabulator)
     this.watch_stylesheets()
     this.init_callbacks()
   }
@@ -618,7 +617,7 @@ export class DataTabulatorView extends HTMLBoxView {
     })
   }
 
-  _render_row(row: any, resize: bool = true): void {
+  _render_row(row: any, resize: boolean = true): void {
     const index = row._row?.data._index
     if (!this.model.expanded.includes(index) || !this.model.children.has(index))
       return