Skip to content

bug: Empty tooltips show when using Tab #4254

@sulimanbenhalim

Description

@sulimanbenhalim

Reproduction URL (Required)

https://play.tailwindcss.com/PeCESEOPAG

What version of daisyUI are you using?

V5.4.5

Which browsers are you seeing the problem on?

No response

Describe your issue

The Problem

Tooltips with data-tip="" (empty)

correctly don't show on hover, but they DO show as empty boxes when you Tab to focus the element

How to Reproduce

<div class="tooltip" data-tip="">
  <button class="btn">Focus me with Tab</button>
</div>

<div class="tooltip" data-tip="Real tooltip">
  <button class="btn">This one works fine</button>
</div>
Image
  1. Click on the page
  2. Press Tab to focus the first button
  3. Empty tooltip box appears (shouldn't)

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions