Tooltip stay visible when the component attached to is removed
See original GitHub issueIssue type
I’m submitting a … (check one with “x”)
- bug report
- feature request
Issue description
Adding a tooltip to a button that submit a form, when this form dissapear, the tooltip stay alive and visible in the location where the button was
Current behavior: When an element with a tooltip attached is removed, the tooltip stay visible. It happens with popover as well
Expected behavior: When an element with a tooltip attached is removed, the tooltip should dissapear.
Steps to reproduce: The easy steps to reproduce are:
- Create an element. Add any tooltip.
- With a browser, inspect the element that have a tooltip.
- Put the mouse pointer over the element to show tooltip.
- Press “delete” key to remove the element.
It happen with the demos on nebular documentation
Angular, Nebular
"dependencies": {
"@angular/animations": "^7.0.3",
"@angular/cdk": "^7.0.3",
"@angular/common": "^7.0.3",
"@angular/compiler": "^7.0.3",
"@angular/core": "^7.0.3",
"@angular/forms": "^7.0.3",
"@angular/http": "^7.0.3",
"@angular/platform-browser": "^7.0.3",
"@angular/platform-browser-dynamic": "^7.0.3",
"@angular/router": "^7.0.3",
"@nebular/bootstrap": "3.1.0",
"@nebular/security": "3.1.0",
"@nebular/theme": "3.1.0",
"@ng-dynamic-forms/core": "^7.0.1",
"@ng-dynamic-forms/ui-bootstrap": "^7.0.1",
"bootstrap": "4.0.0",
"classlist.js": "1.1.20150312",
"core-js": "2.5.1",
"eva-icons": "^1.1.0",
"intl": "1.2.5",
"ionicons": "2.0.1",
"nebular-icons": "1.1.0",
"normalize.css": "6.0.0",
"pace-js": "1.0.2",
"roboto-fontface": "0.8.0",
"@fortawesome/fontawesome-free": "^5.2.0",
"rxjs": "6.3.0",
"rxjs-compat": "6.3.0",
"socicon": "3.0.5",
"typeface-exo": "0.0.22",
"web-animations-js": "2.2.5",
"zone.js": "^0.8.26",
"@agm/core": "^1.0.0-beta.5",
"@ng-bootstrap/ng-bootstrap": "^4.0.0",
"angular2-text-mask": "^8.0.4",
"ngx-bootstrap": "^3.1.1"
},
Issue Analytics
- State:
- Created 5 years ago
- Comments:7
Top Results From Across the Web
Tooltip, if element is removed tooltip is left there #2298 - GitHub
The simplest solution would be for you to just call $('#element").tooltip('hide'); before removing the element. 1
Read more >reactjs - Material-UI Tooltip automatically opens (displays ...
I have 5 action buttons (create, delete, edit, save and cancel). All buttons start disabled except the Create button. When I click the...
Read more >Building a simple tooltip component that never goes off screen
How to build a simple, responsive and lightweight tooltip web component, with minimal HTML, CSS and JavaScript and no framework dependency.
Read more >Controlling tooltips & pop-up menus with components in React
Use compound components to control tooltips and pop-up menus in your React applications, helping you keep your user interface clean and ...
Read more >Tooltip doesn't always remove itself in Kendo UI for jQuery
Hello, Could you specify step-by-step the user actions that are needed for the ToolTip to remain visible and not hide? Here's a dojo...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Up! I have exactly the same issue. In my case I use the tooltip inside a nb-select, and whenever I click outside the options of the select, the options hide as expected, but the tooltip stays at the left top of my screen!
@nnixaa Here is the reproduction for the problem. Couldn’t find any other related issues on this topic on Github. Can we reopen this issue?
https://stackblitz.com/edit/github-tti3eb