Disable auto position when using place?

[thomas-hogan]

Currently I am using place="bottom-start" and it works as expected. When the anchor element is towards the bottom of the screen the tooltip opens above. Is there a way to disable that auto positioning and have the tooltip always open bottom-start regardless of where it is on the screen?

[gabrieljablonski]

Hi @thomas-hogan.

Although we don't have an explicit way of doing this, you can achieve it by using customizing the middlewares prop. Here's an explanation from a previous issue.

As explained there, what you probably want to do is remove both shift() and flip(), so you'll end up with something like this

import { offset } from '@floating-ui/dom'

<Tooltip
  middlewares={[offset(10)]}
/>

[thomas-hogan]

Thanks, that did the trick!