🐛 Fixed invisible comments filter dropdown in Safari

[kevinansfield]

fixes https://linear.app/ghost/issue/BER-3153/

• Wrapped shade PopoverContent in PopoverPrimitive.Portal to fix filter popover positioning in Safari
• Without a Portal, Safari resolved the offset parent differently from Chrome, causing the popover's translateX to be off by exactly the sidebar width (300px), pushing it off-screen
• Matches the Portal pattern already used by SelectContent and HoverCardContent in shade, and the standard shadcn/ui popover implementation

[coderabbitai]

Walkthrough

The Popover component in apps/shade/src/components/ui/popover.tsx was refactored to wrap its content rendering. Previously, PopoverPrimitive.Content was rendered directly; now it is wrapped inside a Portal and an additional wrapper div using SHADE_APP_NAMESPACES. The className composition continues to use cn(...) logic with an updated origin utility class. The public API remains unchanged, with no modifications to props, refs, or event handling beyond this structural change. The modification adds 15 lines and removes 10 lines.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The description clearly relates to the changeset, explaining the Safari positioning issue, the Portal wrapper solution, and how it aligns with existing patterns.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check	✅ Passed	The title mentions fixing a Safari-specific issue with a filter dropdown/popover, which matches the PR's actual objective of fixing popover positioning in Safari.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/safari-filter-positioning

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[weylandswart]

Sorry for taking so long with the review. Tested and all looks good to me!