ngx-scrollbar icon indicating copy to clipboard operation
ngx-scrollbar copied to clipboard

No scrollbar shown when combining cdk-virtual-scroll-viewport and mat-table

Open tim1993 opened this issue 1 year ago • 2 comments

Reproduction

https://stackblitz.com/edit/ngx-scrollbar-rjr3wf?file=src%2Fmain.ts,package.json

Steps to reproduce:

  1. Setup of ng-scrollbar with external viewport to work with cdk-virtual-scroll-viewport
  2. Insert mat-table inside of cdk-virtual-scroll-viewport

Expected Behavior

Scrollable mat-table with scroll indicators

Actual Behavior

Scrolling of mat-table is possible, but no scroll indicators are shown

Environment

  • Angular:
  • ngx-scrollbar: 14.0.0
  • Browser(s): edge
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

tim1993 avatar Nov 06 '24 15:11 tim1993

Experiencing the same issue. Worked pre 14.0.0

Blafasel3 avatar Apr 16 '25 06:04 Blafasel3

The use case is unclear, your example does not have *cdkVirtualFor! are you trying to add scrollbar to the virtual scroll which is supposed to display an array of tables? or you want to add a scrollbar to each table inside the virtual scroll?

Show me a working example without the scrollbar library first, then show how it doesn't work with the library.

MurhafSousli avatar Jun 09 '25 19:06 MurhafSousli