-
Notifications
You must be signed in to change notification settings - Fork 3.4k
chips: allow disable text input #5796
Comments
Sounds great. |
Immediately I'd think to turn But really I think that the |
I think About tightly coupled, we can easily change the template of the chips, so the attribute needs to be static and not a binding. |
Remove the box-shadow if `removeonly` Only allow to remove chips per mouse click Simply add the `removeonly` attribute I created a little demo, which you see and build in the docs Closes angular#5796
Remove the box-shadow if `removeonly` Only allow to remove chips per mouse click Simply add the `removeonly` attribute I created a little demo, which you see and build in the docs Closes angular#5796
Hold on–how would you delete a chip from the keyboard? It still needs to be operable from an accessibility perspective. |
You're right, I should have worded this better. The idea is not to disable keyboard altogether, just remove the text input field. Users can still focus via keyboard, and backspace would behave the same. But moving focus forward would not place focus in an input field where the user can type. Instead it would move on to the next focusable item. |
@marcysutton Already done in my Pull Request, check it out ;) #5799 |
wow that was fast @devversion ! |
👍 |
Remove the box-shadow if `removeonly` Only allow to remove chips per mouse click Simply add the `removeonly` attribute I created a little demo, which you see and build in the docs Closes angular#5796 test(chips): add test for removeonly attribute and add expression in ngdocs
+1 |
@topherfangio moved this to your plate cause you're in charge on the ongoing PR |
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes angular#5796. Fixes angular#3820.
- By default - chips are writable **and** deletable *(current functionality)* - `readonly="true"`- chips are readonly **and** deletable *(current functionality)* - `readonly="true" md-removable="true"` - chips are readonly, **and** deletable *(new syntax, but same functionality as above)* - `readonly="true" md-removable="false"` - chips are readonly, **not** deletable*(new)* - `md-removable="false"`- chips are writable, **not** deletable*(new)* - *`KUDOS Description`: by Topher Fangio* Closes angular#5796 angular#3820
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes angular#5796. Fixes angular#3820.
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes angular#5796. Fixes angular#3820.
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes angular#5796. Fixes angular#3820.
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes angular#5796. Fixes angular#3820.
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes #5796. Fixes #3820. Closes #5799
- By default - chips are writable **and** deletable - `readonly="true"`- chips are readonly and not deletable - `readonly="true" md-removable="true"` - chips are readonly, and deletable - `readonly="true" md-removable="false"` - chips are readonly, not deletable - `md-removable="false"`- chips are writable, not deletable Closes angular#5796. Fixes angular#3820. Closes angular#5799
can any one tel me how to changed the mat-chip input color when it is disabled mode... i want to change border-bottom : 1px dashed #ddd..Now it will show the mat-form-field style |
@1993senthil Please submit Angular Material questions here and issues here. This repo is for AngularJS Material. |
Add option to only disabled the keyboard / input aspect of
md-chips
while allowing mouse clicks on the delete button. This would essentially become a list of filters which have been selected elsewhere, perhaps in conjunction with a very large multi select. Clicking onX
would de-select the filter and remove it from the model list.The text was updated successfully, but these errors were encountered: