src/demo/custom.html

<script>

    function position_flyout(anchorId)  {{

        setTimeout(() => {{

            const anchorRow = document.getElementById(anchorId).closest('.fake-input-container');

            const flyoutElem = document.getElementById('flyout_panel');

            

            if (anchorRow && flyoutElem && flyoutElem.style.display !== 'none') {{

                const anchorRect = anchorRow.getBoundingClientRect();

                const containerRect = anchorRow.closest('.flyout-context-area').getBoundingClientRect();

                

                const flyoutWidth = flyoutElem.offsetWidth;

                const flyoutHeight = flyoutElem.offsetHeight;



                const topPosition = (anchorRect.top - containerRect.top) + (anchorRect.height / 2) - (flyoutHeight / 2);

                const leftPosition = (anchorRect.left - containerRect.left) + (anchorRect.width / 2) - (flyoutWidth / 2);



                flyoutElem.style.top = `${{topPosition}}px`;

                flyoutElem.style.left = `${{leftPosition}}px`;

            }}

        }}, 50);

    }};

</script>