Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix field context menu jank

Browse Source 
Closes #5551
This commit is contained in:
psychedelicious 2024-01-23 21:40:18 +11:00 committed by Kent Keirsey
parent 71f9ac9985
commit 2f656cc357
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/InputField.tsx
View File

@ -109,28 +109,28 @@ const InputField = ({ nodeId, fieldName }: Props) => {
return ( return (
<InputFieldWrapper shouldDim={shouldDim}> <InputFieldWrapper shouldDim={shouldDim}>
<FieldContextMenu nodeId={nodeId} fieldName={fieldName} kind="input"> <FormControl
{(ref) => ( isInvalid={isMissingInput}
<FormControl isDisabled={isConnected}
ref={ref} orientation="vertical"
isInvalid={isMissingInput} px={2}
isDisabled={isConnected} >
orientation="vertical" <Flex flexDir="column" w="full" gap={1}>
px={2} <FieldContextMenu nodeId={nodeId} fieldName={fieldName} kind="input">
> {(ref) => (
<Flex flexDir="column" w="full" gap={1}>
<EditableFieldTitle <EditableFieldTitle
ref={ref}
nodeId={nodeId} nodeId={nodeId}
fieldName={fieldName} fieldName={fieldName}
kind="input" kind="input"
isMissingInput={isMissingInput} isMissingInput={isMissingInput}
withTooltip withTooltip
/> />
<InputFieldRenderer nodeId={nodeId} fieldName={fieldName} /> )}
</Flex> </FieldContextMenu>
</FormControl> <InputFieldRenderer nodeId={nodeId} fieldName={fieldName} />
)} </Flex>
</FieldContextMenu> </FormControl>
{fieldTemplate.input !== 'direct' && ( {fieldTemplate.input !== 'direct' && (
<FieldHandle <FieldHandle