@3mo/select-field
Version:
A select field web component
18 lines (17 loc) • 514 B
JavaScript
import { Popover } from '@3mo/popover';
/**
* A floating-ui middleware that ensures the popover has the same inline size as the anchor element.
*/
export function sameInlineSize() {
return {
name: 'sameInlineSize',
fn(state) {
const popover = state.elements.floating;
if (popover instanceof Popover === false) {
return {};
}
popover.style.minWidth = `${state.rects.reference.width}px`;
return {};
}
};
}