Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(Input): floating label now floats when the input has a value

Browse Source
This commit is contained in:
Jordan Knott 2020-07-16 22:01:26 -05:00
parent 810e74e99f
commit 6c55b89ee2
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/shared/components/Input/index.tsx
View File

@ -117,12 +117,8 @@ const Input = React.forwardRef(
return ( return (
<InputWrapper className={className} width={width}> <InputWrapper className={className} width={width}>
<InputInput <InputInput
onChange={() => { onChange={e => {
console.log(`change ${$ref}!`); setHasValue((e.currentTarget.value !== '' || floatingLabel) ?? false);
if ($ref && $ref.current) {
console.log(`value : ${$ref.current.value}`);
setHasValue(($ref.current.value !== '' || floatingLabel) ?? false);
}
}} }}
hasValue={hasValue} hasValue={hasValue}
ref={$ref} ref={$ref}