jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fixed dropdown appearing in input

Browse source
This commit is contained in:
Lucas Oliveira 2024-03-28 18:32:56 +02:00
commit 4c153c05c5
1 changed files with 33 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/frontend/src/components/inputComponent/index.tsx
View file

@ -99,12 +99,16 @@ export default function InputComponent({
type="text"
onBlur={onInputLostFocus}
value={
selectedOption !== "" || !onChange ? selectedOption : value
(selectedOption !== "" || !onChange) && setSelectedOption
? selectedOption
: value
}
autoFocus={autoFocus}
disabled={disabled}
onClick={() => {
(selectedOption !== "" || !onChange) && setShowOptions(true);
(selectedOption !== "" || !onChange) &&
setSelectedOption &&
setShowOptions(true);
}}
required={required}
className={classNames(
@ -206,10 +210,12 @@ export default function InputComponent({
<div
className={cn(
"pointer-events-auto absolute inset-y-0 h-full w-full cursor-pointer",
selectedOption !== "" || !onChange ? "" : "hidden"
(selectedOption !== "" || !onChange) && setSelectedOption
? ""
: "hidden"
)}
onClick={
selectedOption !== "" || !onChange
(selectedOption !== "" || !onChange) && setSelectedOption
? (e) => {
setShowOptions((old) => !old);
e.preventDefault();
@ -221,6 +227,7 @@ export default function InputComponent({
</>
)}
{setSelectedOption && (
<span
className={cn(
password && selectedOption === "" ? "right-8" : "right-0",
@ -245,6 +252,7 @@ export default function InputComponent({
/>
</button>
</span>
)}
{password && selectedOption === "" && (
<button