diff --git a/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx b/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx index 5de641b853..9129f44506 100644 --- a/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx +++ b/invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx @@ -1,5 +1,6 @@ import { Flex, Icon, Text } from '@invoke-ai/ui-library'; import { useAppSelector } from 'app/store/storeHooks'; +import { setFocusedRegion } from 'common/hooks/focus'; import { useCallbackOnDragEnter } from 'common/hooks/useCallbackOnDragEnter'; import type { IDockviewPanelHeaderProps } from 'dockview'; import { selectActiveTab } from 'features/ui/store/uiSelectors'; @@ -36,8 +37,12 @@ export const TabWithLaunchpadIcon = memo((props: IDockviewPanelHeaderProps) => { useCallbackOnDragEnter(setActive, ref, 300); + const onPointerDown = useCallback(() => { + setFocusedRegion(props.params.focusRegion); + }, [props.params.focusRegion]); + return ( - + {props.api.title ?? props.api.id} diff --git a/invokeai/frontend/web/src/features/ui/layouts/auto-layout-context.tsx b/invokeai/frontend/web/src/features/ui/layouts/auto-layout-context.tsx index fe2ac2c497..7959d18c1a 100644 --- a/invokeai/frontend/web/src/features/ui/layouts/auto-layout-context.tsx +++ b/invokeai/frontend/web/src/features/ui/layouts/auto-layout-context.tsx @@ -1,6 +1,5 @@ import { createSelector } from '@reduxjs/toolkit'; import { useAppSelector } from 'app/store/storeHooks'; -import { AutoLayoutPanelContainer } from 'common/components/FocusRegionWrapper'; import type { FocusRegionName } from 'common/hooks/focus'; import type { DockviewApi, GridviewApi, IDockviewPanelProps, IGridviewPanelProps } from 'dockview'; import { useRegisteredHotkeys } from 'features/system/components/HotkeysModal/useHotkeyData'; @@ -11,6 +10,7 @@ import { atom } from 'nanostores'; import type { FunctionComponent, PropsWithChildren, RefObject } from 'react'; import { createContext, memo, useCallback, useContext, useMemo, useState } from 'react'; +import { AutoLayoutPanelContainer } from './AutoLayoutPanelContainer'; import { LEFT_PANEL_ID, LEFT_PANEL_MIN_SIZE_PX, RIGHT_PANEL_ID, RIGHT_PANEL_MIN_SIZE_PX } from './shared'; type AutoLayoutContextValue = {