stackoverflow March 15, 2026 Rep: 67

How to close Bootstrap info using click event in Angular 18

Score

Answers

Views

22.6

Trend Score

Question Details

No question body available.

Accepted Answer Available

Accepted Answer

March 15, 2026 Score: 1 Rep: 10,747 Quality: High Completeness: 90%

Info

clicks from tooltip are disabled by default, enable pointer events to enable them:

.tooltip-content {
  text-align: left;
  color: whitesmoke;
  padding: 15px;
  width: 150px;
  height: 150px;
  pointer-events: auto;
}

March 15, 2026 Score: 2 Rep: 18,943 Quality: Medium Completeness: 80%

If you want to open info message popup on click not on mouseover. You have to use triggers="click" instead of (click)="toggleTooltip()"

Here is the working example.

Well done! You successfully read this important alert message. Info Your content here... More content if needed... Close

Export this question and its answers for further analysis or reporting.