search

floating-ui / react-popper

🍿⚛Official React library to use Popper, the positioning library
https://popper.js.org/react-popper/
MIT License
2.5k stars 226 forks source link

Arrow missing #418

Closed simplenotezy closed 3 years ago

simplenotezy commented 3 years ago

Reproduction demo

Described here by another user 2 months ago: https://stackoverflow.com/questions/66037355/what-am-i-missing-when-using-react-poppers-usepopper-hook-to-generate-an-arro - I face the same issue

Steps to reproduce the problem

  1. Copy base example from https://popper.js.org/react-popper/v2/
  2. Run in Next.js ( not sure if this is a required step )
  3. See that arrow is missing

What is the expected behavior?

Arrow should appear

What went wrong?

No arrow - seems like it has no width/height.

image

Packages versions

FezVrasta commented 3 years ago

Popper doesn't provide any style, please follow the tutorial https://popper.js.org/docs/v2/tutorial/