MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

pause intersection observer on toc expand

This commit is contained in:
Sofia Papacharalampous 2024-07-01 16:51:01 +03:00
parent e1fed4dc9d
commit 2777fdfd63
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.ts
View File

@ -24,8 +24,9 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
@Input() anchorFieldsetId: string;
tocentries: ToCEntry[] = null;
private _intersectionObserver: IntersectionObserver;
pauseIntersectionObserver: boolean = false;
private _tocentrySelected: ToCEntry = null;
get tocentrySelected() {
@ -152,7 +153,7 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
debounceTime(300),
distinctUntilChanged(),
).subscribe(x => {
if (x.isIntersecting) {
if (x.isIntersecting && !this.pauseIntersectionObserver) {
const target_id = x.target.id;
if (this._isVisible(target_id)) {
this.tocentrySelected = TableOfContentsComponent._findTocEntryById(target_id, this.tocentries);
@ -337,8 +338,10 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
}
onToCentrySelected(entry: ToCEntry = null, execute: boolean = true) {
this.pauseIntersectionObserver = true;
this.tocentrySelected = entry;
this.entrySelected.emit({ entry: entry, execute: execute });
setTimeout(() => this.pauseIntersectionObserver = false, 1000);
}
/**