Problem with hover tooltips

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

When you hover over an element, the tooltip shows, but does not hide when going away from the element. I am using the below.

Reduced test cases

I am including the following files: JS: https://twbs-bootstrap.netlify.app/docs/5.1/dist/js/bootstrap.bundle.min.js and https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js CSS: https://twbs-bootstrap.netlify.app/docs/5.1/dist/css/bootstrap.min.css

HTML code: <span title="test">Test</span>

JS code:

$(function() {
  $('body').tooltip({selector: "[title]", trigger: "hover", delay: { show: 1000, hide: 0 }});
});

What operating system(s) are you seeing the problem on?

Windows, macOS, Android, iOS, Linux

What browser(s) are you seeing the problem on?

Chrome, Safari, Firefox, Microsoft Edge, Opera

What version of Bootstrap are you using?

main branch

[GeoSot]

@mohammadizanloo55 Try this, it works. The reason behind this, is that title attribute is removed after initialization (first refactoring PR of tootlip. Till then title was just blanked)

ref: #34519 _fixTitle

[julien-deramond]

@AgentSmith0 Does this CodePen recreate your issue? (equivalent CodePen with 5.1.3)