granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add back ref for Selects

Browse source
This commit is contained in:
Justin Edmund 2022-12-23 21:19:23 -08:00
parent abf862e323
commit 604d00da90
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/Select/index.tsx
View file

@ -20,7 +20,10 @@ interface Props
triggerClass?: string triggerClass?: string
} }
const Select = (props: Props) => { const Select = React.forwardRef<HTMLButtonElement, Props>(function input(
props: Props,
forwardedRef
) {
const [value, setValue] = useState('') const [value, setValue] = useState('')
useEffect(() => { useEffect(() => {
@ -41,6 +44,7 @@ const Select = (props: Props) => {
<RadixSelect.Trigger <RadixSelect.Trigger
className={classNames('SelectTrigger', props.triggerClass)} className={classNames('SelectTrigger', props.triggerClass)}
placeholder={props.placeholder} placeholder={props.placeholder}
ref={forwardedRef}
> >
<RadixSelect.Value placeholder={props.placeholder} /> <RadixSelect.Value placeholder={props.placeholder} />
<RadixSelect.Icon className="SelectIcon"> <RadixSelect.Icon className="SelectIcon">
@ -61,6 +65,6 @@ const Select = (props: Props) => {
</RadixSelect.Portal> </RadixSelect.Portal>
</RadixSelect.Root> </RadixSelect.Root>
) )
} })
export default Select export default Select