♿️(frontend) prevent focus ring clipping

Change overflow from hidden to visible on invite dialog
2026-03-04 13:04:48 +01:00
2 changed files with 3 additions and 2 deletions
@@ -18,6 +18,7 @@ and this project adheres to

 - 🐛(migrations) use settings in migrations #1058
 - 💄(frontend) truncate pinned participant name with ellipsis on overflow #1056
+- ♿(frontend) prevent focus ring clipping on invite dialog #1078

 ## [1.9.0] - 2026-03-02

@@ -65,7 +65,7 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
          alignItems="left"
          justify="start"
          gap={0}
-          style={{ maxWidth: '100%', overflow: 'hidden' }}
+          style={{ maxWidth: '100%', overflow: 'visible' }}
        >
          <Heading slot="title" level={2} className={text({ variant: 'h2' })}>
            {t('heading')}
@@ -93,7 +93,7 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
                flexDirection: 'column',
                marginTop: '0.5rem',
                gap: '1rem',
-                overflow: 'hidden',
+                overflow: 'visible',
              })}
            >
              <div