Fix floating button offsetted wrong in position: absolute parent

[NightFurySL2001]

Offset is wrong when the button is placed inside a parent with position: absolute.

After fix:

Recreate:

<style>
    .offsetted {
        position: absolute;
        top: 100;
        left: 200;
    }
</style>

<form class="offsetted">
    <div>
        <cap-widget id="floating" required onsolve="console.log(`token: ${event.detail.token}`)"
            data-cap-api-endpoint="/wp-json/maoken-social/v1/cap/"></cap-widget>

        <button data-cap-floating="#floating" data-cap-floating-position="bottom">
            Trigger floating mode
        </button>
    </div>
</form>

<script src="https://cdn.jsdelivr.net/npm/@cap.js/widget"></script>
<script src="https://cdn.jsdelivr.net/npm/@cap.js/widget/cap-floating.min.js"></script> 

[tiagozip]

looks good, thanks!

[NightFurySL2001]

Btw just noticed the comment is wrong:

    // `position: absolute` is resolved against the nearest positioned ancestor (capWidget.offsetParent),
    // but getBoundingClientRect() returns viewport-relative coords, convert to container-relative coords.

should be

    // `element.offsetParent()` is resolved against the nearest `position: absolute` ancestor,
    // but `getBoundingClientRect()` returns viewport-relative coords, convert to container-relative coords.