floating-ui / floating-ui/floating-ui

[NextJs] nested layers of "use client" directive break tooltip positionning

Open
#3,413 0 comments 0 reactions 0 assignees View on GitHub
NEEDS: triage
Dominant language
TypeScript
Stars
32.7k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug** A clear and concise description of what the bug is.

I have 2 components in a nextjs project with `"use client"` directive on top.

Tooltips do not properly position when both components have the directive.

If I remove it from the topmost component, positionning works again.

**To Reproduce**

Will do my best to share a repro, but due to nextjs context, it's not as easy.

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

**Expected behavior** A clear and concise description of what you expected to
happen.

**Screenshots** If applicable, add screenshots to help explain your problem.

![Image](https://github.com/user-attachments/assets/e179adbd-97d6-4cad-8582-b643b023e1e0)

**Context:**

- OS: MacOs
- Browser chrome
- Version 142.0.7444.176

**Additional context** Add any other context about the problem here.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.