question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to click autocomplete options on TdChips (nightly build)

See original GitHub issue

This 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:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
larssoldahlcommented, Aug 30, 2017

Good stuff @emoralesb05 , thanks!

1reaction
emoralesb05commented, Aug 30, 2017

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 😄

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found