mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
fix(ui): fix viewer getting stuck when spamming toggle
This commit is contained in:
parent
af9f0e0963
commit
be7eeb576b
@ -42,8 +42,9 @@ export const ImageViewer = memo(() => {
|
|||||||
useHotkeys('z', onToggle, { enabled: isViewerEnabled }, [isViewerEnabled, onToggle]);
|
useHotkeys('z', onToggle, { enabled: isViewerEnabled }, [isViewerEnabled, onToggle]);
|
||||||
useHotkeys('esc', onClose, { enabled: isViewerEnabled }, [isViewerEnabled, onClose]);
|
useHotkeys('esc', onClose, { enabled: isViewerEnabled }, [isViewerEnabled, onClose]);
|
||||||
|
|
||||||
|
// The AnimatePresence mode must be wait - else framer can get confused if you spam the toggle button
|
||||||
return (
|
return (
|
||||||
<AnimatePresence>
|
<AnimatePresence mode="wait">
|
||||||
{shouldShowViewer && (
|
{shouldShowViewer && (
|
||||||
<Flex
|
<Flex
|
||||||
key="imageViewer"
|
key="imageViewer"
|
||||||
|
@ -254,11 +254,11 @@ const InvokeTabs = () => {
|
|||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
<Panel style={{ position: 'relative' }} id="main-panel" order={1} minSize={20}>
|
<Panel id="main-panel" order={1} minSize={20}>
|
||||||
<TabPanels w="full" h="full">
|
<TabPanels w="full" h="full" position="relative">
|
||||||
{tabPanels}
|
{tabPanels}
|
||||||
|
<ImageViewer />
|
||||||
</TabPanels>
|
</TabPanels>
|
||||||
<ImageViewer />
|
|
||||||
</Panel>
|
</Panel>
|
||||||
{shouldShowGalleryPanel && (
|
{shouldShowGalleryPanel && (
|
||||||
<>
|
<>
|
||||||
|
Loading…
Reference in New Issue
Block a user