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.

Autocomplete dropdownOptions

See original GitHub issue

So with select fields I can init with: $('select').formSelect({ dropdownOptions:{ container: document.body, } });

which makes it so if the select is in a modal, it doesn’t clip the dropdown/ affect the modal’s size. Here’s a screenshot of this working correctly: image

When trying the same with autocomplete, the dropdownOptions option is ignored. Here is the init i am using: $(this).autocomplete({ data: options_list, dropdownOptions:{ container: document.body, } });

Which results in this: image

How do we set the dropdown container for autocomplete elements?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
acburstcommented, Oct 10, 2019

Added dropdownOptions to autocomplete component in cee8eac2

0reactions
pwcreativecommented, Oct 10, 2019

@rmountjoy92 did this fix the issue for you?

Read more comments on GitHub >

github_iconTop Results From Across the Web

JavaScript Autocomplete Configuration - DevExtreme
An object defining configuration properties for the Autocomplete UI component. ... the nested component that configures the dropDownOptions property does ...
Read more >
Autocomplete Dropdown using native HTML
The input starts behaving like a select and when we start typing it searches inside the options of the datalist. Let's see it...
Read more >
Autocomplete drop-down options from spreadsheet data
Use spreadsheet data to autocomplete Materialize CSS chips & select components using Apps Script.
Read more >
Remove autocomplete dropdown options when the submit ...
$( ".selector" ).autocomplete( "close" ); use this code in the click function of the button...
Read more >
Dropdowns Components | React Widgets
A set of `` alternatives, and autocomplete components, Dropdowns map a. ... Each dropdown component accepts a data prop for providing the dropdown...
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