Switching Viewer (Flipbook=>SeparateFrame) incorrectly calculates scale value

[kieftrav]

Package

• [ x ] lib-classifier

Describe the bug

When switching from FlipbookViewer to SeparateFramesViewer the scale attribute is not being set correctly. Specifically, in the SeparateFrame.js the scale value is not being calculated correctly due to incorrect values from the subjectImage.current?.getBoundingClientRect() calculation.

To Reproduce

Steps to reproduce the behavior:

1. Open the Test MultiFrame Project in the lib-classifier locally.
2. Add console.log() statements for the zoom and scale variables right before the component is returned (line 207)
3. Switch to separate frames view from the UI. Note the zoom and scale values
4. Click to zoom in & then zoom out. Note that the zoom is the same (1) and the scale is vastly different (.214 to .792) for myself

The calculation for the scale is dependent upon the subjectImage.current?.getBoundingClientRect() to be correct and for some reason it's not when we switch viewers. Zoom in + out correctly recalculates, but the initial render does not.

Screenshots

Expected behavior

The scale should be correctly calculated when switching the view.