github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): focus add node popover on open

Browse Source 
Need an extra ref to pass to the InvSelect component.
This commit is contained in:
psychedelicious
2023-12-31 19:34:05 +11:00
committed by Kent Keirsey
parent 5168415999
commit 6209fef63d
3 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
invokeai/frontend/web/src/common/components/InvSelect/InvSelect.tsx
View File

@@ -4,7 +4,7 @@ import type {
StylesConfig,
} from 'chakra-react-select';
import { Select as ChakraReactSelect } from 'chakra-react-select';
import { memo, useMemo } from 'react';
import { memo, useEffect, useMemo } from 'react';
import { CustomMenuList } from './CustomMenuList';
import { CustomOption } from './CustomOption';
@@ -29,7 +29,7 @@ const components: SelectComponentsConfig<
};
export const InvSelect = memo((props: InvSelectProps) => {
const { sx, selectRef, ...rest } = props;
const { sx, selectRef, inputRef, ...rest } = props;
const chakraStyles = useMemo<CustomChakraStylesConfig>(
() => ({
container: (provided, _state) => ({ ...provided, w: 'full', ...sx }),
@@ -55,6 +55,13 @@ export const InvSelect = memo((props: InvSelectProps) => {
[sx]
);
useEffect(() => {
if (!inputRef) {
return;
}
inputRef.current = selectRef?.current?.inputRef ?? null;
}, [inputRef, selectRef]);
return (
<ChakraReactSelect<InvSelectOption, false, GroupBase<InvSelectOption>>
ref={selectRef}