getFloatingMeasurement

Reactive

function getFloatingMeasurement(key: string): Rect;

Retrieves the current result of withFloatingMeasurement, falling back to an empty Rect.

Example

import {
    createModal,
    withFloatingElement,
    withModalStatus,
    withFloatingMeasurement,
    getFloatingMeasurement,
} from "@monstermann/signals-modal";

createModal("key", () => {
    const { $status } = withModalStatus();
    const $floatingElement = withFloatingElement();
    // Memo({ top: number, left: number, width: number, height: number })
    const $floatingMeasurement = withFloatingMeasurement({
        $status,
        $floatingElement,
    });
});

// { top: number, left: number, width: number, height: number }
getFloatingMeasurement("key");