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

feat(ui): render picker in portal

Browse Source
This commit is contained in:
psychedelicious
2025-04-16 13:36:43 +10:00
parent d80004e056
commit 9a203a64dc
1 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
invokeai/frontend/web/src/features/settingsAccordions/components/GenerationSettingsAccordion/GenerationSettingsAccordion.tsx
View File

@@ -11,6 +11,7 @@ import {
PopoverBody,
PopoverContent,
PopoverTrigger,
Portal,
Spacer,
StandaloneAccordion,
Text,
@@ -207,22 +208,24 @@ const MainModelPicker = memo(() => {
<NavigateToModelManagerButton />
<UseDefaultSettingsButton />
</Flex>
<PopoverContent p={0} w={400} h={400}>
<PopoverArrow />
<PopoverBody p={0} w="full" h="full">
<Picker<AnyModelConfig>
handleRef={pickerRef}
options={grouped}
getOptionId={getOptionId}
onSelect={onSelect}
selectedItem={modelConfig}
// getIsDisabled={getIsDisabled}
isMatch={isMatch}
OptionComponent={PickerItemComponent}
GroupHeaderComponent={PickerGroupHeaderComponent}
/>
</PopoverBody>
</PopoverContent>
<Portal>
<PopoverContent p={0} w={448} h={512}>
<PopoverArrow />
<PopoverBody p={0} w="full" h="full">
<Picker<AnyModelConfig>
handleRef={pickerRef}
options={grouped}
getOptionId={getOptionId}
onSelect={onSelect}
selectedItem={modelConfig}
// getIsDisabled={getIsDisabled}
isMatch={isMatch}
OptionComponent={PickerItemComponent}
GroupHeaderComponent={PickerGroupHeaderComponent}
/>
</PopoverBody>
</PopoverContent>
</Portal>
</Popover>
);
});