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 hidden dropdowns

Browse Source 
Notably in the change board modal.
This commit is contained in:
psychedelicious 2023-09-24 22:24:20 +10:00
parent 0e53b27655
commit 6d821b32d3
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
View File

@ -44,7 +44,7 @@ const IAIMantineMultiSelect = forwardRef((props: IAIMultiSelectProps, ref) => {
return ( return (
<Tooltip label={tooltip} placement="top" hasArrow isOpen={true}> <Tooltip label={tooltip} placement="top" hasArrow isOpen={true}>
<FormControl ref={ref} isDisabled={disabled}> <FormControl ref={ref} isDisabled={disabled} position="static">
{label && <FormLabel>{label}</FormLabel>} {label && <FormLabel>{label}</FormLabel>}
<MultiSelect <MultiSelect
ref={inputRef} ref={inputRef}

3
invokeai/frontend/web/src/common/components/IAIMantineSearchableSelect.tsx
View File

@ -70,11 +70,10 @@ const IAIMantineSearchableSelect = forwardRef((props: IAISelectProps, ref) => {
return ( return (
<Tooltip label={tooltip} placement="top" hasArrow> <Tooltip label={tooltip} placement="top" hasArrow>
<FormControl ref={ref} isDisabled={disabled}> <FormControl ref={ref} isDisabled={disabled} position="static">
{label && <FormLabel>{label}</FormLabel>} {label && <FormLabel>{label}</FormLabel>}
<Select <Select
ref={inputRef} ref={inputRef}
withinPortal
disabled={disabled} disabled={disabled}
searchValue={searchValue} searchValue={searchValue}
onSearchChange={setSearchValue} onSearchChange={setSearchValue}

7
invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx
View File

@ -22,7 +22,12 @@ const IAIMantineSelect = forwardRef((props: IAISelectProps, ref) => {
return ( return (
<Tooltip label={tooltip} placement="top" hasArrow> <Tooltip label={tooltip} placement="top" hasArrow>
<FormControl ref={ref} isRequired={required} isDisabled={disabled}> <FormControl
ref={ref}
isRequired={required}
isDisabled={disabled}
position="static"
>
<FormLabel>{label}</FormLabel> <FormLabel>{label}</FormLabel>
<Select disabled={disabled} ref={inputRef} styles={styles} {...rest} /> <Select disabled={disabled} ref={inputRef} styles={styles} {...rest} />
</FormControl> </FormControl>