Top Comment Bubble Gets Hidden

[shawonsaha]

Hi,

While working with the comments feature, I noticed that sometimes the top comment bubble inside editor gets hidden and is not fully visible (see attached screenshot). This makes it hard to read or reply to the top comment, especially when there are multiple comments in the thread.

Has anyone else experienced this? Are there recommended fixes or layout adjustments to prevent the top comment bubble from being cut off or hidden?

[dosubot[bot]]

This is a known UI edge case with floating comment bubbles. Plate uses floating UI components for comment bubbles, which automatically update their position on scroll and resize, but sometimes the top bubble can get clipped if it’s too close to the editor’s top edge or container boundary docs.

Recommended checks and fixes:

• Make sure you’re using the latest Plate, CommentKit, and DiscussionKit plugins, and that all @platejs/* packages are on the same version for best compatibility thread.
• Confirm your project uses React.forwardRef in any custom floating UI components, as missing refs can cause bubbles to render off-screen or at -9999px thread.
• Double-check your Tailwind v4 and shadcn/ui v4 setup—missing or broken styles can cause layout issues for floating elements.
• If you’re customizing comment bubble styles, add CSS to ensure overflow is visible and bubbles have enough margin from the top. For example:

  .plate-floating-comment {
    margin-top: 8px; /* or more, as needed */
    overflow: visible;
  }

• If you’re still seeing bubbles cut off, review the logic in hooks like useCommentDomPosition and the CommentBubble component to ensure they handle collision detection and repositioning when near the top edge.

Using the built-in CommentKit and DiscussionKit plugins helps keep comment bubbles organized and visible discussion. If you need more control, you can tweak the floating UI options or adjust the bounding client rect logic docs.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}