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

2025-09-08 14:43:38 +02:00 · 2025-09-08 14:43:38 +02:00 · 0153b49ef7
commit 0153b49ef7
parent 24fb862a65
4 changed files with 21 additions and 2 deletions
--- a/app/javascript/mastodon/components/dropdown/utils.ts
+++ b/app/javascript/mastodon/components/dropdown/utils.ts
@ -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`;
+  },
+};