Skip to content

fix(sidebar): collapsed sidebar shows single icons with hover dropdown menus #3588

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
waleedlatif1 merged 7 commits into from
Mar 14, 2026
Merged

fix(sidebar): collapsed sidebar shows single icons with hover dropdown menus #3588

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
db207f9
fix(sidebar): collapsed sidebar shows single icons with hover dropdow…
waleedlatif1 Mar 14, 2026
1a42d95
fix(sidebar): truncate long names in collapsed dropdown menus
waleedlatif1 Mar 14, 2026
5fee230
fix(sidebar): address PR review — extract components, fix reactive su…
waleedlatif1 Mar 14, 2026
cbd33eb
fix(sidebar): support touch/keyboard for collapsed menus, document au…
waleedlatif1 Mar 14, 2026
c9f838a
fix(sidebar): remove dead CSS selector for sidebar-collapse-remove
waleedlatif1 Mar 14, 2026
e6fde83
fix(sidebar): add aria-label to collapsed menu trigger buttons
waleedlatif1 Mar 14, 2026
e8f731e
fix(sidebar): use useLayoutEffect for attribute removal, remove dead …
waleedlatif1 Mar 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix(sidebar): support touch/keyboard for collapsed menus, document au… 
…to-collapse
  • Loading branch information
@waleedlatif1
waleedlatif1 committed Mar 14, 2026
commit cbd33eb0aac86745743359f5c5dd1cf83628033f
1 change: 1 addition & 0 deletions apps/sim/app/workspace/[workspaceId]/home/home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -167,6 +167,7 @@ export function Home({ chatId }: HomeProps = {}) {

const handleResourceEvent = useCallback(() => {
if (isResourceCollapsedRef.current) {
/** Auto-collapse sidebar to give resource panel maximum width for immersive experience */
const { isCollapsed, toggleCollapsed } = useSidebarStore.getState()
if (!isCollapsed) toggleCollapsed()
Comment thread
waleedlatif1 marked this conversation as resolved.
setIsResourceCollapsed(false)
Expand Down
3 changes: 2 additions & 1 deletion ...paceId]/w/components/sidebar/components/collapsed-sidebar-menu/collapsed-sidebar-menu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,8 @@ export function CollapsedSidebarMenu({
<DropdownMenu
open={hover.isOpen}
onOpenChange={(open) => {
if (!open) hover.close()
if (open) hover.open()
else hover.close()
}}
Comment thread
waleedlatif1 marked this conversation as resolved.
modal={false}
>
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/app/workspace/[workspaceId]/w/components/sidebar/hooks/use-hover-menu.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,5 +58,5 @@ export function useHoverMenu() {
[cancelClose, scheduleClose]
)

return { isOpen, close, triggerProps, contentProps }
return { isOpen, open, close, triggerProps, contentProps }
}
Loading