OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Memorize scroll position when maximized mode used with markdown textarea

pull/3326/head
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/app/shared/shared-forms/markdown-textarea.component.ts
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 () {