Skip to content

Fix channel header dropdown positioning in the sticky layout - #2263

Merged
SnowCait merged 1 commit into
mainfrom
agent/fix-channel-header-dropdown-positioning
Jul 15, 2026
Merged

Fix channel header dropdown positioning in the sticky layout#2263
SnowCait merged 1 commit into
mainfrom
agent/fix-channel-header-dropdown-positioning

Conversation

@SnowCait

Copy link
Copy Markdown
Owner

Summary

Fix the channel header overflow menu positioning while the header is sticky.

Changes

  • Configure the Melt UI dropdown to use Floating UI's fixed positioning strategy.
  • Align the menu to the bottom end of the trigger.
  • Keep the existing scroll-prevention behavior unchanged.

Root cause

The channel header uses position: sticky, while the dropdown previously relied on Floating UI's default absolute positioning strategy. This combination can cause the floating menu to become mispositioned relative to its trigger.

Impact

The channel menu should remain anchored to the three-dot trigger on both desktop and mobile layouts, including after the header becomes sticky.

Validation

  • Confirmed the branch changes only ChannelHeader.svelte.
  • Confirmed the dropdown configuration includes placement: 'bottom-end' and strategy: 'fixed'.
  • Browser interaction testing is still required in the deployment preview.

Closes #2259

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
nostter fd73369 Commit Preview URL

Branch Preview URL
Jul 15 2026, 12:27 AM

@SnowCait
SnowCait marked this pull request as ready for review July 15, 2026 00:29
@SnowCait
SnowCait merged commit e8fa9bb into main Jul 15, 2026
4 checks passed
@SnowCait
SnowCait deleted the agent/fix-channel-header-dropdown-positioning branch July 15, 2026 00:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix channel header dropdown menu positioning in the sticky layout

1 participant