notebookbar overflow: throttle resizing

- if we are faster we can spin tasks more dense
- in case of resizing in Chrome I experienced more jitter in animation
- after profiling I saw reduced overhead of single overflow management
  but it happened more often while rapid or long resize distance
- this change makes us sure that we don't repeat tasks unnecessary

Signed-off-by: Szymon Kłos <[email protected]>
Change-Id: I8a40dfb4574bb9ca77524b19826fb9b15061d9cc

Author: eszkadev

browser/src/control/jsdialog/Widget.OverflowManager.ts

@@ -19,6 +19,7 @@ class OverflowManager {
 	parentContainer: HTMLElement;
 	data: ContainerWidgetJSON;
 	lastMaxWidth: number = -1;
+	scheduledRefresh: boolean = false;
 
 	constructor(parentContainer: Element, data: ContainerWidgetJSON) {
 		this.parentContainer = parentContainer as HTMLElement;
@@ -66,11 +67,15 @@ class OverflowManager {
 	}
 
 	onResize(event: Event) {
-		app.layoutingService.appendLayoutingTask(() => this.onRefresh(event));
+		if (!this.scheduledRefresh) {
+			app.layoutingService.appendLayoutingTask(() => this.onRefresh(event));
+			this.scheduledRefresh = true;
+		}
 	}
 
 	// sometimes we want to call it synchronously as it is already in the task (tab switch)
 	onRefresh(event: Event & { force?: boolean }) {
+		this.scheduledRefresh = false;
 		if (!this.parentContainer) return;
 		if (this.lastMaxWidth === window.innerWidth) return;