fix(dialog) Fix initial focus (#12509)

Don't focus on the close button if there's another focusable element

react/features/base/ui/components/web/Dialog.tsx

@@ -282,8 +282,14 @@ const Dialog = ({
                                 onClick = { onClose } />
                         )}
                     </div>
-                    <div className = { classes.content }>{children}</div>
-                    <div className = { classes.footer }>
+                    <div
+                        className = { classes.content }
+                        data-autofocus-inside = 'true'>
+                        {children}
+                    </div>
+                    <div
+                        className = { classes.footer }
+                        data-autofocus-inside = 'true'>
                         {!back.hidden && <Button
                             accessibilityLabel = { t(back.translationKey ?? '') }
                             labelKey = { back.translationKey }

react/features/invite/components/add-people-dialog/web/CopyMeetingLinkSection.tsx

@@ -37,7 +37,8 @@ function CopyMeetingLinkSection({ url }: IProps) {
         <>
             <label
                 className = { classes.label }
-                htmlFor = { 'copy-button-id' }>{t('addPeople.shareLink')}</label>
+                htmlFor = { 'copy-button-id' }
+                id = 'copy-button-label'>{t('addPeople.shareLink')}</label>
             <CopyButton
                 aria-label = { t('addPeople.copyLink') }
                 className = 'invite-more-dialog-conference-url'