From a889cb3505a1fc2c1adafae16d704bef5ee32e96 Mon Sep 17 00:00:00 2001
From: "Michael S. Molina" <70410625+michael-s-molina@users.noreply.github.com>
Date: Mon, 2 Aug 2021 14:59:17 -0300
Subject: [PATCH] chore: Auto focus the viz gallery select (#16025)

---
 superset-frontend/src/addSlice/AddSliceContainer.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/addSlice/AddSliceContainer.tsx b/superset-frontend/src/addSlice/AddSliceContainer.tsx
index d46678eb89..b06ceef2df 100644
--- a/superset-frontend/src/addSlice/AddSliceContainer.tsx
+++ b/superset-frontend/src/addSlice/AddSliceContainer.tsx
@@ -20,6 +20,7 @@ import React from 'react';
 import Button from 'src/components/Button';
 import { Select } from 'src/components';
 import { css, styled, t } from '@superset-ui/core';
+import { FormLabel } from 'src/components/Form';
 
 import VizTypeGallery, {
   MAX_ADVISABLE_VIZ_GALLERY_WIDTH,
@@ -77,7 +78,7 @@ const StyledContainer = styled.div`
       & > span {
         color: ${theme.colors.grayscale.light1};
         margin-left: ${theme.gridUnit * 4}px;
-        margin-top: ${theme.gridUnit * 5}px;
+        margin-top: ${theme.gridUnit * 6}px;
       }
     }
   `}
@@ -146,9 +147,10 @@ export default class AddSliceContainer extends React.PureComponent<
         <h3 css={cssStatic}>{t('Create a new chart')}</h3>
         <div className="dataset">
           <Select
+            autoFocus
             ariaLabel={t('Dataset')}
             name="select-datasource"
-            header={t('Choose a dataset')}
+            header={<FormLabel required>{t('Choose a dataset')}</FormLabel>}
             onChange={this.changeDatasource}
             options={this.props.datasources}
             placeholder={t('Choose a dataset')}