Merge pull request #759 from topcoder-platform/onboarding-minor-fixes

Author: jmgasper

src/apps/onboarding/src/components/modal-add-work/index.tsx

@@ -141,7 +141,7 @@ const ModalAddWork: FC<ModalAddWorkProps> = (props: ModalAddWorkProps) => {
                 </div>
                 <div className='full-width'>
                     <InputSelect
-                        tabIndex={1}
+                        tabIndex={0}
                         options={industryOptions}
                         value={workInfo.industry}
                         onChange={function onChange(event: any) {

src/libs/ui/lib/components/form/form-groups/form-input/input-select/InputSelect.tsx

@@ -78,13 +78,19 @@ const InputSelect: FC<InputSelectProps> = (props: InputSelectProps) => {
             hideInlineErrors={props.hideInlineErrors}
             ref={triggerRef}
         >
-            <div className={styles.selected} onClick={toggleIfNotDisabled}>
+            <button
+                tabIndex={props.tabIndex}
+                className={styles.selected}
+                onClick={toggleIfNotDisabled}
+                type='button'
+                disabled={!!props.disabled}
+            >
                 <span className='body-small'>{selectedOption ? label(selectedOption) : ''}</span>
                 <span className='body-small'>{!selectedOption && !!props.placeholder ? props.placeholder : ''}</span>
                 <span className={styles['selected-icon']}>
                     <IconOutline.ChevronDownIcon />
                 </span>
-            </div>
+            </button>
 
             <div className={styles['menu-wrap']}>
                 {menuIsVisible && (