question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip stay visible when the component attached to is removed

See original GitHub issue

Issue 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:

  1. Create an element. Add any tooltip.
  2. With a browser, inspect the element that have a tooltip.
  3. Put the mouse pointer over the element to show tooltip.
  4. 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:closed
  • Created 5 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
suppadeliuxcommented, Mar 5, 2020

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! Screenshot_20200305_160728

1reaction
GreedyA1commented, Jan 24, 2020

@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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found