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

10
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">
{(ref) => (
<FormControl <FormControl
ref={ref}
isInvalid={isMissingInput} isInvalid={isMissingInput}
isDisabled={isConnected} isDisabled={isConnected}
orientation="vertical" orientation="vertical"
px={2} px={2}
> >
<Flex flexDir="column" w="full" gap={1}> <Flex flexDir="column" w="full" gap={1}>
<FieldContextMenu nodeId={nodeId} fieldName={fieldName} kind="input">
{(ref) => (
<EditableFieldTitle <EditableFieldTitle
ref={ref}
nodeId={nodeId} nodeId={nodeId}
fieldName={fieldName} fieldName={fieldName}
kind="input" kind="input"
isMissingInput={isMissingInput} isMissingInput={isMissingInput}
withTooltip withTooltip
/> />
)}
</FieldContextMenu>
<InputFieldRenderer nodeId={nodeId} fieldName={fieldName} /> <InputFieldRenderer nodeId={nodeId} fieldName={fieldName} />
</Flex> </Flex>
</FormControl> </FormControl>
)}
</FieldContextMenu>
{fieldTemplate.input !== 'direct' && ( {fieldTemplate.input !== 'direct' && (
<FieldHandle <FieldHandle