I have this ActionButtonComponent, which uses the Angular CDK Portal : import { CdkPortal, DomPortalHost } from '@angular/cdk/portal'; import { AfterViewInit, ApplicationRef, Component, ComponentFa...

I have a cdkDropListGroup with multiple tables (with the mat-table directive) that I am trying to set up drag and drop so that elements within the table can be rearranged or dragged to another tabl...

I am new to material 2 and I have implemented mat table and in which I have click event on row to open dialog and there is also a menu button in last column "Action" but on clicking on button it al...

When we place button inside angular material dialog it is auto focussing first button in that modal. Stackblitz example

I have a list that has many items and each item can be selected. For this I use Angular Material Virtual Scroll. When an item is selected, the selected item is highlighted and then is saved on the ...

With the new drag and drop feature of the @angular/cdk (I'm currently using version 7.0.0-beta.2), is it possible to cancel a drag-action? I did not find a matching function on 'CdkDrag' which cou...

I've got a nested tree (Not the tree component) of drag and drop lists. When dragging items around in drop lists that are contained inside of another drop list - Enter / Exit events are firing for...

All my previous attempts of building an infinite scroller failed so far. The component I am currently working on uses Angular's virtual scrolling and should update the data source when a certain in...

How to keep item in the list in all time when draging item using copyArrayItem? Here is the example code https://angular-ucjf4h.stackblitz.io The drag item is remove from the list and added after...

I am having trouble with Material Pagination working with DataSource. I need to get back from the Service the total items from the collation, which the REST service provides (I can't change it). ...

Is there a virtual scroll implementation that works with the grid-list? I think the default implementation won't work because each row should have an element around it. I'm using the grid-list to d...

How can you trigger a modal with a button inside a mat-table without triggering the rows (click) event? I've seen and read with Angular Material 2 Table Mat Row Click event also called with button ...

since html parse tr then td, using <cdk-virtual-scroll-viewport>breaks the view is there any cdkVirtualScrollViewport as directive for <tbody>? <tbody> <cdk-virtual-scroll-vie...

This is my hobby project and it has been stuck due of this issue for some time. It might be an easy issue, but my knowledge about Angular and JS is rather limited.. Nevertheless my code is below (I...

The Angular Material CDK provides a Directive CdkScrollable, which allows you to listen to ScrollEvents of a specific container. I am now trying to access the CdkScrollable of the MatSidenavContent...

How to add a new row into Angular Material table manually from a input field. Please see this image in that if i add a state name and state code it should present in the following table please hel...

Is it possible to scroll a specific data row into view when using the angular material mat-table cdk-table? I'm trying to implement keyboard scrolling with no luck.

I am using a service to instantiate Angular Material CDK Overlays using Component Portals. Once I create a portal and attach it to an overlay, is there any way to access the component reference of...

I am working with Angular Material Table. In Html code, there is <ng-container cdkColumnDef="userId"> <md-header-cell *cdkHeaderCellDef> ID </md-header-cell> <md-cell *cdkC...

I want to make an autocomplete component which makes requests to the server and renders the received values on the screen. I'm trying to understand how the portal and overlay work. Right now this i...