1,277 questions
0
votes
0
answers
77
views
Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf') in addActiveClass function
I'm encountering a JavaScript error in my web application. I'm getting an "Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')" error on line 2 of vendor.bundle.base....
0
votes
0
answers
23
views
Typeahead.js with accents, dash etc
I'm using typeahead.js to auto-complete city names.
It is working, except when there is an accent (like "Mièges" the suggestion will stop at "Mie" if I do not put the "è" ...
0
votes
1
answer
49
views
jquery.typeahead matched result causes modal for to close and parent to reload on hitting the enter key
The modal forms in our app all close and reload the parent form when you hit the enter key. Not really causing an issue but can get round that with the code below:
$(document).ready(...
1
vote
1
answer
118
views
`display` option in typeahead.js does not work
I have been at this for hours, and I am sure I am making a dumb mistake. But I am at a loss...
Here is what I have checked:
docs:
https://github.com/corejavascript/typeahead.js/blob/master/doc/...
0
votes
0
answers
50
views
Why typeahead does not show results?
I use this plugin.
The HTML element is:
<input class="form-control typeahead" maxlength="50" id="secondname" required="required" name="secondname" ...
0
votes
1
answer
115
views
Jquery Typeahead not returning data FROM JSON
I am working on a project that requires to typeahead textbox when some data is inputted and the data will be fetched from a webservice using query string.
I only want to show the Name, StateCode, ...
1
vote
0
answers
38
views
Generating twitter typeahead for dynamically created input
I want to create typeahead in a form where input is created on click of a button dynamically.
I have been able to generate the typeahead successfully for that.
But when I click on the button again and ...
0
votes
1
answer
143
views
Bootstrap tagsinput initial value setting it by javascript fails
I'm using bootstrap-tagsinput v0.8.0
It mostly works, but I have trouble setting an initial value by javascript.
I don't know how to call the "refresh" - method from the js file, too.
I try ...
0
votes
1
answer
60
views
NgxTypeAhead throws list.filter is not a function within its code
I have the following code from here:
Simple Typeahead with Local Data List
In the component template, add the following Input form field control with ngxTypeahead directives and some other required ...
0
votes
1
answer
136
views
AutoComplete in jQuery with dynamically added elements works only in first input field
I have a scenario where when we load the page for the first time it will have an input field along with a button to add more rows. In my case, the autocomplete works on the very first row and it is ...
2
votes
1
answer
873
views
onChange handler in async typeahead is not called when triggered using "user event" in react testing library
I am trying to test a specific functionality that's defined inside onChange handler of AsyncTypeahead component from react-bootstrap-typeahead library. But onChange handler and selected property are ...
0
votes
1
answer
306
views
Suggestions not showing inside Table Row (bootstrap, typeahead.js, laravel)
As you can see in the below screenshot whenever I click on Add Dependents it would dynamically add a table row as shown in the screenshot. Inside the screenshot you can also see that when I type A the ...
1
vote
1
answer
68
views
Typeahead.js, Searches Don't Work After Fetching Remote Data
Typeahead.js is not updating the search index after requesting remote data.
I type a query, it fetches results, and then it always displays the first N items without respect to the query. I have used ...
1
vote
0
answers
29
views
Not able to show data for Multiple Datasets using typeahead.js in rails app
Not able to show data for Multiple Datasets using typeahead.js in rails app
typeahead.json.builder
json.array!(@reports.first(5)) do |report|
json.title report.title.truncate(130)
end
json.array!(@...
1
vote
0
answers
153
views
Typeahead Bloodhound Do Something While Prefetch Is Happening
Bloodhound's prefetch feature is working great for me, but I would like to disable my inputs while the prefetch is happening.
Does anyone know of a way to detect when the prefetch is happening, do ...
0
votes
1
answer
1k
views
How to use typeahead by API calling?
Here I want to create text box, which can show a matching list of customers after 3 input letters.
I have used twitter typeahead with remote plugin.
Whenever I enter 3 letters, it started showing a ...
1
vote
0
answers
41
views
Typeahead.js bind selected option to textbox
I am creating a quotation page and on this view a user can search for a suburb by its Name e.g. NAPIERVILLE; Pietermaritz and on select of the suggestion it must take NAPIERVILLE; Pietermaritz and ...
0
votes
1
answer
633
views
Twitter typeahead.js - working with array of objects
I am trying to implement a tagsinput + typeahead field for a form, where the source is an array of objects stored in a javascript binding.
The value I want to store in the form is the id, but I want ...
0
votes
1
answer
564
views
Typeahead Bloodhound Autocomplete using prefetch + remote when source is a dict from Django
Bloodhound variable for Typeahead that's working nicely:
var egDjangoVar = new Bloodhound({
queryTokenizer: Bloodhound.tokenizers.whitespace,
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('...
1
vote
1
answer
154
views
Supplying remote JSON data for Typeahead / Bloodhound with Django / Python
I'm trying to replicate functionality of this Typeahead remote example, but I can't figure out how to supply the data in the way Typeahead / Bloodhound wants it, nor what datumTokenizer or ...
0
votes
2
answers
250
views
Typeahead/Bloodhound only returns first search results and not new search?
I've implemented Typeahead with Bloodhound to get remote JSON data and it works but when I delete what is in input and type something else the same results come up. I check the network in chrome dev ...
0
votes
1
answer
336
views
How to debounce ajax requests in typeahead.js
I am using twitter typeahead library to implement searching functionality.
I found the approach of sending POST request through ajax in typeahead.
Problem is:
It is firing requests for every word I ...
3
votes
2
answers
1k
views
CSS - Getting undefined when using Typehead.js with Bootstrap 5
I want to implement an autocomplete field in my navigation bar.
var substringMatcher = function(strs) {
console.log('strs', strs);
return function findMatches(q, cb) {
console.log('q', q);
...
2
votes
0
answers
334
views
Is it possible to remove entry from Bloodhound index manually?
I'm using typeahead.js's Bloodhound for search. I download all the data once and store it locally, initializing search engine with local property equal to that data. Then, the entries from the data ...
1
vote
1
answer
112
views
Typeahead returning object count instead of selectable strings in Django
I am trying to implement typeahead.js for my application. I followed through with some of the following examples stackoverflow and Twitter typeahead official doc. I created a Django Rest API which ...
1
vote
0
answers
38
views
Typeahead UI not shown when the number record return from the server is equals to the number set in the limit params
I am having typeahead jquery plugin to show suggestion items from the server powered by Elasticsearch. Everything works fine except when the server response back to the autocompletion request from the ...
0
votes
1
answer
277
views
Twitter typeahead - adding suggestion to dynamically created input boxes
I'm using Twitter typeahead create a suggestion engine for some input boxes on a form. Everything works fine for inputs that are generated when the page is loaded. But if I want to dynamically add new ...
0
votes
1
answer
233
views
Rails 6.0: jquery 3.6.0 no more compatible with typeahead.js 0.11.0 (?)
After jquery upgrade 3.5.1 -> 3.6.0 the error occurs:
TypeError: $(…).typeahead is not a function
...
at HTMLDocument.dispatch (jquery.js:5430)
at HTMLDocument.elemData.handle (jquery....
0
votes
1
answer
803
views
React-Bootstrap-TypeAhead giving error when trying to change already selected option
So I'm using react-bootstrap-typeahead and it's working completely fine when I'm typing something in the search box. It gives me the relevant options when I type something in the search box like this:
...
2
votes
0
answers
281
views
How to disable Tab key in typeahead js dropdown
I have a dropdown with suggestions, i have used typeahead (jquery.typeahead.js) for suggestions. when i start typing in the input box it shows me a list of suggestions,when i press TAB i want to focus ...
2
votes
0
answers
373
views
How to install typeahead via webpacker and rails 6
I'm trying to install typeahead.js to my rails 6 app via webpacker but I'm getting this error in the web browser console: .typeahead is not a function
This is what I did:
yarn add typeahead.js
...
2
votes
2
answers
304
views
How to add help text at the bottom of result list for Jquery Typeahead?
I built an autocompleted using jquery typeahead because it has tons of options and most of them meets my requirements.
But instead of its default option, I want to add some help text at the bottom of ...
0
votes
1
answer
69
views
typeahead.js does not get data from local
First of all, it's a newbie question :) Sorry for bothering you...
I've managed to get data from Firebase Firestore, and put that data in a variable.
var db = firebase.firestore();
let contentJSON = ...
2
votes
0
answers
172
views
Bootstrap tags input - highlighting the selected option when using keyboard navigation
I am updating a product that utilizes Bootstrap Tags Input with typeahead to work better with keyboard input.
One of the issues, which you can see if you look at the tags input typeahead or later ...
1
vote
0
answers
132
views
Core JS Typeahead Bloodhound - results available read to screen reader
Wondering if anyone has this experience with typeahead.js and bloodhound (from this repo). When I get bloodhound suggestions from an AJAX request, the total number of results available are read to the ...
1
vote
0
answers
478
views
How do I pass an extra variable to typeahead.js
Im using typeahead.js to search live data from database but I don't know where is the problem?
I tried to pass a second variable inside typeahead function but it seems I failed making it work.
Any ...
1
vote
0
answers
242
views
(bootstrap Jquery) Typeahead in multiple input field , how to find from where typeahead triggered
I have two input fields and I want to use the same typeahead code in both the input control. The only difference is that the suggestion should come below that specific control.
$('input.typeahead')....
1
vote
1
answer
1k
views
How to set focus on Blazor.Typeahead component?
I'm using the BlazorTypeahead component in my project. I would like to set focus on the typeahead textbox, but can't seem to figure out how to do it. Here's my page. The search and value changed ...
0
votes
0
answers
65
views
Typeahead in the templates empty function - event doesn't work(Knockout.js)
I would like to add the custom event in the empty function from empty results.
Here is an example code.
,templates: {empty: 'No results' + '<a data-bind="click: event">Go</a>', ...
1
vote
1
answer
921
views
Typeahead.js not showing suggestions
I am trying to make typeahead for the input box. I'm using typeahead.js for that. I'm using the same code to learn this functionality. Though I'm not getting any error, it is not showing suggestions. ...
0
votes
1
answer
357
views
Can I have typeahead/bloodhound always show what the user is typing?
I am implementing a tags input using typeahead/bloodhound. Users are able to add new tags, they are not constrained to the ones that already exist.
I would like to always show what the user is typing ...
0
votes
0
answers
88
views
Yii2 AdminLTE installation error InvalidRepositoryException
I am using Yii2 and trying to install AdminLTE with the following command;
composer require dmstr/yii2-adminlte-asset "^2.1"
but I keep on getting this error
[Composer\Repository\...
0
votes
1
answer
239
views
Multiple Remote Sources with Twitter Typeahead.js
I'm using the Twitter typeahead.js library for typeahead search with a single data source /api/domains.
I'd now like to add two more sources using other API endpoints:
/api/ips
/api/hostnames
How ...
0
votes
0
answers
197
views
Querying Django Postgres for Fuzzy FTS + Typeahead
I'm using PostgreSQL 12.3 with Django 3.0.8. I'm trying to implement a typeahead functionality. I tried using Trigram similarity, but that didn't work too well since, if I were to have a text saying &...
0
votes
1
answer
593
views
Typeahead not calling search API when typing
trying to implement the typeahead search in nodejs with mysql, but can't figure out what's wrong in my code.
When manually going to http://localhost:5000/search?key=s for example, I can see the ...
0
votes
1
answer
785
views
Tab doesn't select autocomplete option in typeahead component
I'm using the react-bootstrap-typeahead component and I'm having trouble figuring out what's causing the component from loosing the tab function to select autocomplete. If I use onInputChange, tab to ...
1
vote
0
answers
89
views
xEditable Typahead - Need to set data-pk from remote source json value
I've been working on this solution for a few days now and get seem to get it working. I'm able to query the results and post to the server which all is working fine and passing value. I'm pulling ...
0
votes
1
answer
615
views
Searchkick - Autocomplete with multiple models & fields
Searchkick - Autocomplete with multiple models & fields
I am struggling to implement the autocomplete functionality for multiple models associated to my Post model. The search functionality works ...
0
votes
1
answer
384
views
Can't get JQuery Typeahead/Autocomplete to work (ASP.NET Core)
I'm using the most basic implementation of the JQuery Typeahead functionality and I cannot get it to work on my ASP.NET Core app. Code inspection reveals no errors and everything looks like is should ...
0
votes
0
answers
62
views
Pass element tag Id for typeahead
I have a table where there are inputs with typeahead on each row. The row has an id and I'd like to pass this to the typeahead function.
<table>
...
<tr data-id="1"><td><input ...