feat(base/ui): added autofocus prop

react/features/base/ui/components/types.ts

@@ -9,6 +9,11 @@ export interface ButtonProps {
      */
     accessibilityLabel?: string;
 
+    /**
+     * Whether or not the button should automatically focus.
+     */
+    autoFocus?: boolean;
+
     /**
      * Whether or not the button is disabled.
      */

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

@@ -178,6 +178,7 @@ const useStyles = makeStyles()((theme: Theme) => {
 
 const Button = React.forwardRef<any, any>(({
     accessibilityLabel,
+    autoFocus = false,
     className,
     disabled,
     fullWidth,
@@ -197,6 +198,7 @@ const Button = React.forwardRef<any, any>(({
     return (
         <button
             aria-label = { accessibilityLabel }
+            autoFocus = { autoFocus }
             className = { cx(styles.button, styles[type],
                 disabled && styles.disabled,
                 icon && !(labelKey || label) && `${styles.iconButton} iconButton`,

react/features/chat/components/web/Chat.js

@@ -162,9 +162,7 @@ class Chat extends AbstractChat<Props> {
                     <MessageContainer
                         messages = { this.props._messages } />
                     <MessageRecipient />
-
                     <ChatInput
-                        onResize = { this._onChatInputResize }
                         onSend = { this._onSendMessage } />
                 </div>
             </>

react/features/polls/components/web/PollsPane.tsx

@@ -24,6 +24,7 @@ const PollsPane = (props: AbstractProps) => {
             <div className = 'poll-footer poll-create-footer'>
                 <Button
                     accessibilityLabel = { t('polls.create.create') }
+                    autoFocus = { true }
                     fullWidth = { true }
                     labelKey = { 'polls.create.create' }
                     onClick = { onCreate } />