toc auto-expand bug fix on description editor

dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents-internal/table-of-contents-internal.html

@@ -9,7 +9,7 @@
 		<ng-container >
 
 			<span class="table-entry" 
-			(click)="onScrollStarted(entry); toggleExpand(idx);navigateToFieldSet(entry, $event); onEntrySelected(entry);"
+			(click)="toggleExpand(idx);navigateToFieldSet(entry, $event); onEntrySelected(entry);"
 			[ngStyle]="calculateStyle(entry)"
 			[ngClass]="calculateClass(entry)"
 			>

dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents-internal/table-of-contents-internal.ts

@@ -153,6 +153,7 @@ export class TableOfContentsInternal implements OnInit, OnDestroy {
 
 	navigateToFieldSet(entry: ToCEntry, event) {
 		if (entry.type === ToCEntryType.FieldSet) {
+			this.onScrollStarted(entry);
 
 			const fieldSetId = entry.id;
 			const element = document.getElementById(fieldSetId);

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

@@ -210,7 +210,7 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
 
 		const options = {
 			root: null,
-			rootMargin: '-38% 0px -60% 0px',
+			rootMargin: '20% 0px -30% 0px',
 			threshold: 0
 		}
 
@@ -220,8 +220,6 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
 			}
 
 			entries.forEach(ie => {
-				if (this.isScrolling) return;
-
 				if (ie.isIntersecting) {
 					try {
 						if(!this.isScrolling) {
@@ -229,6 +227,8 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
 							if (this.visibilityRulesService.isVisibleMap[target_id] ?? true) {
 								this.onToCentrySelected(this._findTocEntryById(target_id, this.tocentries));
 							}
+						} else {
+							console.log('cannot scroll');
 						}
 					} catch {
 					}
@@ -445,10 +445,12 @@ export class TableOfContentsComponent extends BaseComponent implements OnInit, O
 	}
 
 	onScrollStarted(entry: ToCEntry) {
+		this.console.log('started');
 		this.isScrolling = true;
 	}
 	
 	onScrollFinished(entry: ToCEntry) {
+		this.console.log('finished');
 		this.isScrolling = false;
 	}