diff options
| author | bobzel <zzzman@gmail.com> | 2022-07-25 09:37:27 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2022-07-25 09:37:27 -0400 |
| commit | 318a25826746a83d8d72ecfe6af650b46706a9c3 (patch) | |
| tree | a706a9da07fef40db8572e3a9ee3143c7cbd0ade /src | |
| parent | 358f9e266ef264442aea1e2c7d5d959a19f7624c (diff) | |
fixed equationBox width sizing
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/nodes/EquationBox.tsx | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/src/client/views/nodes/EquationBox.tsx b/src/client/views/nodes/EquationBox.tsx index a714518cc..0bd30bce9 100644 --- a/src/client/views/nodes/EquationBox.tsx +++ b/src/client/views/nodes/EquationBox.tsx @@ -91,11 +91,21 @@ export class EquationBox extends ViewBoxBaseComponent<FieldViewProps>() { const scale = (this.props.NativeDimScaling?.() || 1) * NumCast(this.layoutDoc._viewScale, 1); return ( <div + ref={r => { + r instanceof HTMLDivElement && + new ResizeObserver( + action((entries: any) => { + if (entries[0].contentBoxSize[0].inlineSize) { + this.rootDoc._width = entries[0].contentBoxSize[0].inlineSize; + } + }) + ).observe(r); + }} className="equationBox-cont" onPointerDown={e => !e.ctrlKey && e.stopPropagation()} style={{ transform: `scale(${scale})`, - width: `${100 / scale}%`, + width: 'fit-content', // `${100 / scale}%`, height: `${100 / scale}%`, pointerEvents: !this.props.isSelected() ? 'none' : undefined, }} |