Unable to click autocomplete options on TdChips (nightly build)
See original GitHub issueThis repository’s issues are reserved for feature requests and bug reports.
Do you want to request a feature or report a bug?
bug
Bug Report
With the latest versions of Angular and Covalent, mouse interaction on the autocomplete menu is broken. The autocomplete options respond to hover, but the entire menu disappears without calling the internal addChip(), no new chip is added. Keyboard navigation/selection works without error.
Screenshots or link to CodePen/Plunker/JSfiddle
http://plnkr.co/edit/Cs65qrewh2FnQElAAvpT?p=preview
What is the expected behavior?
Users can click Autocomplete options to populate chips
Which version of Angular and Material, and which browser and OS does this issue affect?
Using Covalent-nightly with Angular 4.3.6 and Material 2.0.0-beta.8
Did this work in previous versions of Angular / Material?
Reverting to the 1.0.0-beta.6 of covalent resolves the issue.
Other information
Interesting to note: the options on the autocomplete won’t un-style their hover/active state until moused over again.
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Cannot Select From JQuery Autocomplete Selection Options
Instead of using ui.item , use ui.item.label in your select handler. It probably wouldn't hurt to preventDefault the event either.
Read more >How to Use The Autocomplete Component in Material-UI
The Material-UI docs describe the autocomplete as “a normal text input enhanced by a panel of suggested options.”.
Read more >Autocomplete | Angular Material
Start by creating the autocomplete panel and the options displayed inside it. Each option should be defined by a mat-option tag. Set each...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Good stuff @emoralesb05 , thanks!
Bug reports are good in this repo, since the nightly build will eventually be the thing that gets released.
Having said that we just fixed this in the IE11 support PR that just got merged https://github.com/Teradata/covalent/pull/831/commits/cbc98529a4d307b0d030781ccb7a9ba057738ec5 so once the build gets redeployed into the nightly build everything should be fine 😄