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.

dropdown not showing whole respose on entering the keys with spaces

See original GitHub issue

I’m submitting a … (check one with “x”)

[x] bug report 
[ ] feature request
[ ] support request

Current behavior Issue 1: If I enter keys with spaces, auto dropdown is not showing the entire returned object as expected . I think the reason is that the text entered with the spaces are treating it as one key(ex: sun flower). but I need it to treat it as two different keys and dropdown should populate response from key of word “sun” and response from key of word “flower”. can you please help me out on fixing this issue.

Issue 2: I enter the text in search box, on hitting the Enter key, Text is getting cleared. Can you please suggest me on how to prevent the text not to get cleared on hitting the enter key. because I need the text to be displayed even after I get the results for the search I made through the text.

  • Angular version: 2.4.5

  • ng2-tag-input version: 1.0.0

  • Browser: IE 11

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:14 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
omprakash9commented, Apr 14, 2017

@Gbuomprisco Can you please provide us a code example that implements the matchingFn input property.Because, i am wondering whether i have to remove autocompleteObservable property.

What I have done is I have added [matchingFn]= customFilter(value, requestAutocompleteItems)" in the tag-input-dropdown and calling customFilter in my local component by passing user searched text and ressponse from observable as second parameter. Can you please correct me if it’s wrong.

Any help would be highly appreciated…!

VERSIONS: Angular version: 2.4.5 ng2-tag-input version: 1.0.0 Browser: IE 11

0reactions
Gbuompriscocommented, Apr 20, 2017

Hi @ranouf,

There is pretty much a whole implementation here https://github.com/Gbuomprisco/ng2-tag-input/issues/188#issuecomment-279477395. Define it in your parent component and pass it down to tag-input-dropdown.

I see you defined filter, but you shouldn’t add parenthesis to it.

What exactly is not clear?

(this is my own implementation instead, for reference: https://github.com/Gbuomprisco/ng2-tag-input/blob/master/modules/components/dropdown/tag-input-dropdown.component.ts#L90)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap button drop-down inside responsive table not visible ...
My <tbody> had a position: relative; . The dropdown-menu has a position: absolute; , but kept "relative" to the tbody, which caused the...
Read more >
Video: Drop-down list settings - Microsoft Support
... won't appear in the destination cells, so it doesn't seem like an entry was already selected. ... A name can't have spaces....
Read more >
Excel drop down list: how to create, edit, copy and remove
In the Source box, type the items you want to appear in your drop-down menu separated by a comma (with or without spaces)....
Read more >
Excel Data Validation Tips and Troubleshooting - Contextures
This page has data validation tips, and shows how to fix Excel data validation problems, such as drop down not working, blank selected, ......
Read more >
The Ultimate Guide to Dropdown Lists in Excel
This post will show you everything there is to know about dropdown lists in Microsoft Excel. If you are creating an Excel spreadsheet...
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