This simple PR adds support for the Floating UI Size Middleware. I've tested this and am able to use it as expected with this addition.
<div
x-ref="dropdown"
x-float.placement.bottom-end.flip.offset.size.teleport="{
size: {
apply({availableWidth, availableHeight, elements}) {
// Do things with the data, e.g.
Object.assign(elements.floating.style, {
maxWidth: `${availableWidth}px`,
maxHeight: `${availableHeight}px`,
});
},
}
}"
>
Some test content
</div>
This grabs the correct values and runs the apply function as expected.
This simple PR adds support for the Floating UI Size Middleware. I've tested this and am able to use it as expected with this addition.
This grabs the correct values and runs the apply function as expected.