Skip to content

An implementation of vaadin-combo-box designed to work well in NodeCG dashboard panels.

License

Notifications You must be signed in to change notification settings

NodeCGElements/nodecg-typeahead-input

Repository files navigation

nodecg-typeahead-input Published on webcomponents.org Build Status Coverage Status Polymer 2 only

An implementation of vaadin-combo-box designed to work well in NodeCG dashboard panels. Requires Polymer 2.

Deprecation Notice

This element is deprecated, and should not be used in new projects. It should continue to work in existing projects for the foreseeable future.

Motivation

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.

Installation

From your bundle's root directory:

bower install --save NodeCGElements/nodecg-typeahead-input

Usage

<nodecg-typeahead-input replicant-name="myArrayReplicant"></nodecg-typeahead-input>

For more detailed documentation, refer to vaadin-combo-box.

Credits

Based entirely on vaadin-combo-box by the Vaadin team.

License

nodecg-typeahead-input is provided under the MIT license, which is available to read in the LICENSE file.

About

An implementation of vaadin-combo-box designed to work well in NodeCG dashboard panels.

Resources

License

Stars

Watchers

Forks

Packages

No packages published