After V19 tooltip inside cdk-virtual-scroll-viewport

Open
#6,715 6 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
angular, typescript
Domain
frontend

Research direction

The report identifies tooltip behavior in cdk-virtual-scroll-viewport after upgrading ngx-bootstrap from v18.0.2 to v18.1.1, but names no source files or tests. Start by reproducing the issue with Angular 19 and a large number of virtual scroll items, then compare tooltip behavior across those versions. Done means identifying the cause and confirming the virtual scroll viewport works with the tooltip.

Written by the indexing model from the issue text.

Description

angular issue needs fix

ngx-bootstrap:v18.0.2 to v18.1.1 and onwards

Angular: v19

Its very easy to create this problem. Use tooltip inside cdk-virtual-scroll-viewport with large number of items

<i [tooltip]="TEST" placement="right" >

its working very fine with v180.2, but if you upgrade ngx-bootstrap to v18.1.1, cdk-virtual-scroll-viewport completely brokes.

I gues tooltip is doing something new in v18.1.1 It may not a bug in ngx-bootrap but as nothing is documented in changelog, i wonder whats changed and whats causing this.

Also i do a complete check on all the commits between this releases but there is nothing changed except converting them to standalone.

This is realy confusing me, what am i missing here and how can it broke it.

Dominant language
TypeScript
Stars
5.5k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from valor-software/ngx-bootstrap

All issues in valor-software/ngx-bootstrap

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.