FormFeedback showing tooltip on bottom of the page

[DavidRomao]

• components: FormFeedback
• reactstrap version #8.6.0
• react version #17.0.1
• bootstrap version #4.5.3

What is happening?

The text from FormFeedback when enabling the tooltip shows up only on the bottom of the page.
However it worked as intended when I wrapped the Input and the FormFeedback within a InputGroup.
So this is either a bug or if not then it should be mentioned in the documentation at least.

What should be happening?

I expected it to show up right below the Input component

Steps to reproduce issue

1. Just add a Form with an Input and a FormFeeback inside a FormGroup

Error message in console

None

Code

The error can be seen here.

https://stackblitz.com/edit/reactstrap-vrl8wm?file=Example.js

And here's an example of how it should work using a workaround I found here #1253

https://stackblitz.com/edit/reactstrap-pjg61w?file=Example.js

[kyletsang]

You'll need to make sure the parent element has the position: relative style. You can read more about it at the upstream bootstrap docs.

The docs example needs to be fixed here.

[DavidRomao]

Thank you, I appreciate the quick answer!