Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 18 18:50
    @StephenFluin banned @piotr-mamenas
Paul Ryan
@paullryan
Anyone have it when an element is added after drag initialization in cdk , that it's not draggable? I'm not quite sure my steps to troubleshoot.
Shervin Z
@shervinee
@jackmercy Really depends on your use case and business logic, I haven't seen any best npm package that rules them all. ngx-material-file-input and angular-material-file-input usually work with most use cases trying angular-material-input might also solve your issue.
fabio-silva
@fabio-silva
Hi there everybody. Can anyone tell me if Angular Material 5 is compatible with CSS vars?
Shervin Z
@shervinee
@fabio-silva Do you mean using CSS vars in your css or scss files?
Cody Wilson
@CAlex-Wilson
Hello, I posted on stack overflow regarding an issue with touch scrolling on certain material components. I can't seem to find any information about this behavior anywhere. Here is my post: SO Post Gif: gif of behavior I am hoping somebody can point me in the correct direction. Thanks!
Cody Wilson
@CAlex-Wilson
I found the bug. Tooltips on my buttons/components are the culprit: angular/components#4892
Anzil-Aufait
@Anzil-Aufait
I am using flat mat tree , i want to show parent child relation with border, like in this work https://tina-material-tree.firebaseapp.com/simple-tree . Please help. Is there any way to get this work code ??
Anzil-Aufait
@Anzil-Aufait
This is my work so far https://stackblitz.com/edit/mat-tree-with-dragging . I'm also using drag and drop in this work.
Valeriy Stepanov
@bskydive
hi everyone, who can explain why material components sizes differ from the material guidelines ?
image.png
image.png
Brad
@bradtaniguchi
@bskydive The material components were created before the newest version of the spec came out, so there are differences. Even then they never followed it 100% from the start
Pavaniduvvuru
@Pavaniduvvuru
How to use infinite scroll in angular material ??
Derek
@derekkite
Valeriy Stepanov
@bskydive
hi all, anybody knows about differences between https://material.io/develop/web/ and https://material.angular.io/components/categories ? The first seems following material guidelines. Second - not.
Maybe comparison article or blog post?
Anzil-Aufait
@Anzil-Aufait

I am using flat mat tree , i want to show parent child relation with border, like in this work https://tina-material-tree.firebaseapp.com/simple-tree . Please help. Is there any way to get this work code ??

This is my work so far https://stackblitz.com/edit/mat-tree-with-dragging . I'm also using drag and drop in this work.

Rodrigo Campassi
@CampaUTN
Hi everyone.
I'm trying to add a property to my autocomplete component to use it like a dropdown. Actually it's not being opened on click, and it's suposed to be the default behavior based on the documentation overview.
This is my html: https://stackblitz.com/edit/angular-knrmvr?file=src%2Fapp%2Fapp.component.html (It's not a working stackblitz, can do it if anybody need it)
What I'm trying to do is handle the autocomplete component opening by a property
Brad
@bradtaniguchi
@CampaUTN The stackblitz is not compiling, did you copy-paste the code into it without removing any deps?
and your talking about the onSelectionChange event that is added changing the behavior?
Rodrigo Campassi
@CampaUTN
Yes, it's just to show the html
I don't know if it's onSelectionChange or which method is preventing me from opening the list on click
Brad
@bradtaniguchi
that is an event that is emitted when the selection changes (when you click) that should have no direct impact on how the dropdown works
If the dropdown isn't showing at all, are you sure you have data to display?
Rodrigo Campassi
@CampaUTN
Yes
I'm talking about opening the list by clicking the component
Not clicking an option
I didnt mention onSelectionChange at first
Brad
@bradtaniguchi
So like the first example
Rodrigo Campassi
@CampaUTN
Exactly, but I can't find why mine is not opening
Brad
@bradtaniguchi
Hard to tell without a working demo. My current guess is there's no data in the drop down list
thus nothing is shown
Rodrigo Campassi
@CampaUTN
Sorry, trying to make the stackblitz work.
When I start typing the list is opened and filtered correctly. Maybe its about the moment where the data is loaded in the component lyfe cicle
Brad
@bradtaniguchi
Very possible, if how you load your list (say from an async call) requires user action it might not filter correctly initially
but that depends on how your loading the data, if you didn't leverage any filtering in the autocomplete at all (like a normal dropdown) it should show you everything by default, but obviously that isn't what you want :P
Rodrigo Campassi
@CampaUTN
The issue was that my filter function were returning null instead of the full list when the search input were empty
Thanks @bradtaniguchi for your time
Didnt thought that the filter were applied from the beggining
Brad
@bradtaniguchi
@CampaUTN Ah I see, glad you figured it out :D
Bhargava Ramu Ch.S.S
@_Bhargava_Ramu_twitter
Hello guys .. can anyone answer this question https://stackoverflow.com/q/57856730/3989888 .. I am trying to control mat-column width using flex-basis. I am unable to apply flex property to mat-column-{name} selector. I also provided a stackblitz link to my issue
Shekhar Ramola
@shekharramola
how to align required asterstick left align in mat input?
I have tried this but is not working
::ng-deep .mat-placeholder-required mat-form-field-required-marker {
  float: left !important;
}
Manoj
@manojvignesh
you're missing . before mat-form-field-required-marker
Shekhar Ramola
@shekharramola
that is also not aligning it to the left
Manoj
@manojvignesh
hmm let me check
Shekhar Ramola
@shekharramola
however, in the developer tool, able to do on this class
image.png
Manoj
@manojvignesh
mat-form-field::ng-deep > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-form-field-label-wrapper > label > span.mat-placeholder-required {
  float: left !important;
}
writing an absolute selector works