An implementation of vaadin-combo-box designed to work well in NodeCG dashboard panels. Requires Polymer 2.
This element is deprecated, and should not be used in new projects. It should continue to work in existing projects for the foreseeable future.
NodeCG dashboard panels are iframes. Iframes cannot render any overflow content -- it must be clipped to the bounds of the iframe. This makes UI elements such as typeaheads with dropdowns very difficult.
nodecg-typeahead-input
works around this limitation by placing the dropdown into its own separate iframe that gets attached to the dashboard. This separate iframe is moved around the page such that it looks and acts very simiar to a standard vaadin-combo-box
.
In addition, nodecg-typeahead-input
can take a replicant-name
attribute and automatically populate its dropdown with the items in that Replicant.
From your bundle's root directory:
bower install --save NodeCGElements/nodecg-typeahead-input
<nodecg-typeahead-input replicant-name="myArrayReplicant"></nodecg-typeahead-input>
For more detailed documentation, refer to vaadin-combo-box.
Based entirely on vaadin-combo-box by the Vaadin team.
nodecg-typeahead-input is provided under the MIT license, which is available to read in the LICENSE file.