themesberg / themesberg/flowbite
Tooltip arrow is broken
Open
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 9.4k
- Forks
- 862
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Tooltip arrow is broken, I am using flowbite-react npm package.
Code
<Tooltip
content="Copied!"
trigger="click"
className={`uppercase bg-[#1F2937] ${
isClipboardHidden ? "hidden" : ""
}`} >
Expected behavior
Supposed to return an output like this https://flowbite-react.com/tooltips
Screenshots
https://prnt.sc/zJa72a-MSW4_
Desktop (please complete the following information):
- OS: Win 11
- Browser: Chrome
- Version 110.0.5481.77
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the provided flowbite-react Tooltip example with trigger="click" and the custom class, then compare the arrow output with the linked Flowbite tooltip documentation and screenshot. Done means the tooltip arrow renders correctly for this usage in Chrome on Windows 11.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react, tailwindcss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100