Memorize scroll position when maximized mode used with markdown textarea

This commit is contained in:
kimsible 2020-11-17 15:42:45 +01:00 committed by Chocobozzz
parent 11c449eb1e
commit 363726fe9a
1 changed files with 8 additions and 1 deletions

View File

@ -1,3 +1,4 @@
import { ViewportScroller } from '@angular/common'
import truncate from 'lodash-es/truncate' import truncate from 'lodash-es/truncate'
import { Subject } from 'rxjs' import { Subject } from 'rxjs'
import { debounceTime, distinctUntilChanged } from 'rxjs/operators' import { debounceTime, distinctUntilChanged } from 'rxjs/operators'
@ -35,8 +36,12 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
isMaximized = false isMaximized = false
private contentChanged = new Subject<string>() private contentChanged = new Subject<string>()
private scrollPosition: [number, number]
constructor (private markdownService: MarkdownService) {} constructor (
private viewportScroller: ViewportScroller,
private markdownService: MarkdownService
) { }
ngOnInit () { ngOnInit () {
this.contentChanged this.contentChanged
@ -86,11 +91,13 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
} }
private lockBodyScroll () { private lockBodyScroll () {
this.scrollPosition = this.viewportScroller.getScrollPosition()
document.getElementById('content').classList.add('lock-scroll') document.getElementById('content').classList.add('lock-scroll')
} }
private unlockBodyScroll () { private unlockBodyScroll () {
document.getElementById('content').classList.remove('lock-scroll') document.getElementById('content').classList.remove('lock-scroll')
this.viewportScroller.scrollToPosition(this.scrollPosition)
} }
private async updatePreviews () { private async updatePreviews () {