diff --git a/projects/demo/src/app/pages/starter/editor-starter.component.ts b/projects/demo/src/app/pages/starter/editor-starter.component.ts index 6b46aa70c..651cc4cb6 100644 --- a/projects/demo/src/app/pages/starter/editor-starter.component.ts +++ b/projects/demo/src/app/pages/starter/editor-starter.component.ts @@ -59,8 +59,8 @@ export class TuiEditorStarterPageComponent { `); exampleText = ''; - minHeight: number | null = null; - maxHeight: number | null = null; + minHeight = ''; + maxHeight = ''; readOnly = false; focusable = true; floating = false; diff --git a/projects/demo/src/app/pages/starter/editor-starter.template.html b/projects/demo/src/app/pages/starter/editor-starter.template.html index c1bab0477..9fdb4d6ef 100644 --- a/projects/demo/src/app/pages/starter/editor-starter.template.html +++ b/projects/demo/src/app/pages/starter/editor-starter.template.html @@ -13,8 +13,8 @@ [pseudoHover]="pseudoHovered" [pseudoInvalid]="pseudoInvalid" [readOnly]="readOnly" - [style.max-height.px]="maxHeight" - [style.min-height.px]="minHeight" + [style.max-height]="maxHeight" + [style.min-height]="minHeight" [tools]="tools" [tuiAutoFocus]="!isE2E" > @@ -90,12 +90,10 @@

Text:

> Floating toolbar - - Value of CSS-property "min-height" @@ -103,7 +101,7 @@

Text:

Value of CSS-property "max-height" diff --git a/projects/tui-editor/components/editor-socket/editor-socket.component.less b/projects/tui-editor/components/editor-socket/editor-socket.component.less index c37600376..c0b5f571d 100644 --- a/projects/tui-editor/components/editor-socket/editor-socket.component.less +++ b/projects/tui-editor/components/editor-socket/editor-socket.component.less @@ -9,7 +9,7 @@ } .ProseMirror { - min-height: 5.375rem; + min-height: 100%; padding: 0.2rem 1rem; outline: none; white-space: pre-wrap; diff --git a/projects/tui-editor/components/editor/editor.component.less b/projects/tui-editor/components/editor/editor.component.less index b0966e572..32a32a1fc 100644 --- a/projects/tui-editor/components/editor/editor.component.less +++ b/projects/tui-editor/components/editor/editor.component.less @@ -81,8 +81,8 @@ .t-scrollbar { display: flex; - border-bottom: 0.3125rem solid transparent; - padding-bottom: 1.3125rem; + min-height: 100%; + padding-bottom: 0.75rem; box-sizing: border-box; flex: 1; }