Screen is flickering in flexmonster chart view when adjusting browser zoom

Issue Description

The issue is happening for Chrome and Microsoft Edge browser. When zooming to certain size, the browser screen starts to flicker with side and bottom scrollbar continuously appearing and disappearing.

Version Details

• ngx-flexmonster: 2.9.124
• @angular/cli: ^18.2.12
• Node Version: 20.11.1

Angular Html Code

<div style="height: 100vh;">
    <fm-pivot
        height="100%"
        [toolbar]="true"
        [licenseKey]="getLicenseKeys()" >
    </fm-pivot>
</div>

Typescript code

import { Component, ViewChild } from '@angular/core';
import { MainService } from '../../services/main.service';
import { FlexmonsterPivotModule, FlexmonsterPivot } from "ngx-flexmonster";

@Component({
  selector: 'app-test-pivot',
  standalone: true,
  imports: [ FlexmonsterPivotModule ],
  templateUrl: './test-pivot.component.html',
  styleUrl: './test-pivot.component.css'
})
export class TestPivotComponent {

  @ViewChild("pivotTable") pivotTableRef!: FlexmonsterPivot;

  constructor(
    private mainService: MainService
  ) {

  }

  getLicenseKeys(): string[] {
    return this.mainService.fmLicenseKey;
  }

}