angular-cdk Questions
2
I'm displaying an infinite, virtual scroll using Angular's cdk-virtual-scroll-viewport. The functionality doesn't rely on anything special from it, besides subscribing for the view position, in ord...
Cholon asked 13/2, 2021 at 8:14
3
Solved
TL,DR; How can a scroll strategy be used when creating a CdkConnectedOverlay declaratively?
Detail; CdkConnectedOverlay is a Directive to facilitate declarative creation of an Overlay.
It provide...
Sievert asked 11/4, 2018 at 20:49
2
Solved
This STACKBLITZ (SB) shows the problem.
CSS class .WHYYYYY shows the "two" problems I'm facing.
in order for the mat-menu to open on hover I need to set z-index:1050; (ref 2 hacky workaround) on...
Solangesolano asked 6/2, 2019 at 12:45
4
Solved
I'm really trying to understand the overlay position parameter but without any luck. I also can't find any documentation about this topic.
What does the following code mean?
const positions = [
...
Toneme asked 20/9, 2018 at 19:59
2
Solved
I'm using Angular 10, on click the following function is executed to preform direction change:
private changeHtmlDirection(direction: 'rtl' | 'ltr') {
document.getElementsByTagName("html"...
Cardialgia asked 5/1, 2021 at 19:24
3
Solved
looking for a way to be able to make a mat-dialog both draggable and resizeable. So far I have the draggable part done already using cdkDrag (DragDropModule). I have tried using resize: booth; in c...
Storms asked 29/10, 2019 at 10:58
2
I am adding a CDK overlay to a mat-sidenav. I would like to block scrolling on the mat-sidenav when the overlay is open.
I create overlay with scrolling blocked:
const overlayConfig = new Overla...
Tome asked 7/3, 2020 at 15:47
4
Solved
Having a simple implementation of the Angular CDK drag & drop, with cypress.
Having latest versions of all packages, all the questions & solutions around wont work.
Basically, the drag &...
Agra asked 22/4, 2022 at 11:43
1
Our app has a "Form Builder" where users build a form by dragging form fields onto it. I'm researching how we would make this keyboard accessible - such that a user could...
grab a field...
Nicoline asked 4/5, 2020 at 14:20
4
Solved
After upgrading @angular/core and @angular/material using ng update command, the ngcc command fails with below error
command used:
ngcc --properties es2015 browser module main --first-only --crea...
Radiobroadcast asked 8/2, 2020 at 20:5
2
I am running jest unit test of a material dialog component, where I have cdkFocusInitial on an input element in the dialog. This works perfect when running the application, but when I run unit test...
Schnabel asked 15/11, 2019 at 15:6
8
Solved
I use a git project for a virtual keyboard (https://ngx-material-keyboard.github.io/demo/). And I have some issues to get it running on a small device with 450*250 pixel.
At the end I found the ne...
Rois asked 10/8, 2017 at 9:45
3
Solved
i am trying to add the drag-drop feature in my Angular 6 application
where i am trying to use angular material
this is the overview link which i want to use. I followed the getting started instruct...
Galven asked 23/3, 2019 at 10:15
3
Solved
I'm using Overlay Module of Angular's CDK. And I just cannot find the way to add position: absolute to the overlay? The module will receive a top and a left position that matches the connected el...
Kalman asked 16/12, 2017 at 1:26
4
Solved
I'm trying to convert a CDK data-table to a Material Design styled data-table (see: https://material.angular.io/components/table/overview), but when I change the cdk prefixes to md, I get the follo...
Chromoplast asked 3/9, 2017 at 15:40
4
Solved
I'm currently using the Angular Material cdkoverlay and want to close it when I click anywhere else on the screen except for the overlay. I've gone aheadand subscribed to backdropClick() but I can'...
Gillenwater asked 29/6, 2018 at 15:7
4
Solved
In angular drag-drop module, they provided documentation for the moveItemInArray() function, by using this we can only drag content in an array only. but, how we could shuffle (formGroups/formContr...
Mainly asked 15/5, 2019 at 12:33
5
Thanks in advance. Here's the issue:
I'm using Angular Material CDK Drag Drop (version: @angular/ckd: 7.3.7)
The documentation says "Items will automatically rearrange as an element moves."
My q...
Gutierrez asked 7/6, 2019 at 18:4
4
Solved
I have tried to use the method found at Angular CDK: How to set Inputs in a ComponentPortal
but PortalInjector seems to be deprecated, with no actual instructions on what to do in its place. The de...
Scree asked 12/12, 2021 at 2:16
9
Solved
My mat-table is working fine, but when adding mat-sort following the official api documentation, it fails at the ngAfterViewInit with the following message
Cannot set property 'sort' of undefine...
Euripides asked 11/2, 2018 at 13:6
2
Solved
I am working on a paginated table with checkbox row selection using the angular CDK SelectionModel collection.
I have a barebones example with a couple of pages of data to flip between in my table ...
Doting asked 30/10, 2017 at 10:24
4
Especially obvious at the mobile.it will refresh immediately whenever the user scrolls, if user is scrolling quickly, it is hard to render?
Midinette asked 13/12, 2018 at 11:58
5
Solved
Using @angular/cdk 7.2.1: If defining a parent component holding a cdkDropList and a nested list of cdkDrag components, defining a cdkDragHandle inside the nested child component doesn't work. If t...
Ruisdael asked 19/2, 2019 at 19:12
3
I am using cdk-virtual-scroll-viewport to dynamically render items a small set at a time as the user scrolls.
The viewport only displays 5 items, regardless of the height given to the cdk-virtual-s...
Strand asked 14/4, 2020 at 17:17
3
Solved
I need to get google.maps.Map. I cannot see official way in docs. But I see that whole component is exportedAs.
But when I use it in template:
<google-map [center]="{lat: mapaLat, lng: mapa...
Allin asked 7/10, 2021 at 8:44
1 Next >
© 2022 - 2024 — McMap. All rights reserved.