charts resize incorrectly after zooming out on browser, then resetting to 100%

[bmdatl]

browser: chrome
version: 92.0.4515.131

package versions:
"ngx-echarts": "^7.0.2",
"@juggle/resize-observer": "^3.3.1",
"echarts": "^4.7.0",

ng version:
@angular-devkit/architect 0.1100.7
@angular-devkit/build-angular 0.901.13
@angular-devkit/core 11.1.3
@angular-devkit/schematics 11.0.7
@angular/cli 11.0.7
@angular/flex-layout 11.0.0-beta.33
@schematics/angular 11.0.7
@schematics/update 0.1100.7
ng-packagr 11.1.4
rxjs 6.6.3
typescript 4.0.5

If you zoom out, making everything smaller, and then reset to 100% - charts become huge. the issue is not present if you zoom in first, and then reset. here are some screenshots:

what they normally look like:

after zooming in to 33%:

after resetting to 100%:

as you can see, the height is significantly different than it should be, so resizing from a smaller to larger zoom seems to be an issue.

[bmdatl]

not a bug with echarts, my apologies. resolved by something else.