Visibility modal: Match dropdown width to button (#36054)

This commit is contained in:
diondiondion authored and GitHub committed 2025-09-08 12:43:38 +00:00
1 parent 24fb862a65
commit 0153b49ef7
4 files changed
+21 -2

No files matched your search

@@ -0,0 +1,17 @@
import type { Modifier, UsePopperState } from 'react-overlays/esm/usePopper';
export const matchWidth: Modifier<'sameWidth', UsePopperState> = {
name: 'sameWidth',
enabled: true,
phase: 'beforeWrite',
requires: ['computeStyles'],
fn: ({ state }) => {
if (state.styles.popper) {
state.styles.popper.width = `${state.rects.reference.width}px`;
}
},
effect: ({ state }) => {
const reference = state.elements.reference as HTMLElement;
state.elements.popper.style.width = `${reference.offsetWidth}px`;
},
};