primefaces / primefaces/primereact
Tooltip: when Tooltip used globally, the showOnDisabled does not work
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When using global tooltip with showOnDisabled=true, the tooltip does not appear on disabled component nor on enabled. When showOnDisabled=false is used it at least display tooltip on the enabled component.
Global tooltip is:
<Tooltip target=".tooltip" showOnDisabled={true} />
and the setup in component:
<Button className="tooltip" icon="pi pi-minus" data-pr-tooltip="Tooltip text disabled" disabled />
Reproducer
https://stackblitz.com/edit/vitejs-vite-fc2apdfr?file=src%2FApp.tsx
System Information
primereact: "^10.9.7"
Steps to reproduce the behavior
Just hover the buttons
Expected behavior
The tooltip will appear on hover
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 running the linked StackBlitz reproducer with the global Tooltip and Button examples from the issue. Then trace the Tooltip and Button behavior for disabled targets, comparing showOnDisabled=true and false. Done means hovering both buttons displays the expected tooltip text according to the configured option.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100