@Kitenite what causing the bug

const newScale = Math.min(scaleX, scaleY) * DefaultSettings.SCALE;

This fallback position logic:

const newPosition = {
            x: DefaultSettings.PAN_POSITION.x,
            y: DefaultSettings.PAN_POSITION.y, 
        };

bypasses any dynamic calculation and leads to misaligned centering, particularly when dimensions change or content is rendered in an iframe.

• Double scale multiplication creates invalid values
• Hardcoded positioning ignores calculated dimensions

Temp Solution : We can try dynamic centering calculations

        const contentHeight = contentRect.height * newScale;
        const newPosition = {
            x: (containerRect.width - contentWidth) / 2,
            y: (containerRect.height - contentHeight) / 2,
        };

issue: Still results in NaN% when contentRect or containerRect have invalid or uninitialized dimensions.

Better solution: with Viewport + iFrame-Aware Scaling

• Iframe-based content rendering
• Parent viewport constraints
• Dynamic scaling and centering
• Guards against invalid dimensions

Dropping my PR for this.