Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="min-width: 98px; width: 510.656px; top: 994px; left: 281px; display: none;">
- <li class="ui-menu-item">
- <div id="ui-id-29" tabindex="-1" class="ui-menu-item-wrapper">red</div>
- </li><li class="ui-menu-item">
- <div id="ui-id-30" tabindex="-1" class="ui-menu-item-wrapper">blue</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-31" tabindex="-1" class="ui-menu-item-wrapper">green</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-32" tabindex="-1" class="ui-menu-item-wrapper">yellow</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-33" tabindex="-1" class="ui-menu-item-wrapper">violet</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-34" tabindex="-1" class="ui-menu-item-wrapper">brown</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-35" tabindex="-1" class="ui-menu-item-wrapper">purple</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-36" tabindex="-1" class="ui-menu-item-wrapper">black</div>
- </li>
- <li class="ui-menu-item">
- <div id="ui-id-37" tabindex="-1" class="ui-menu-item-wrapper">white</div>
- </li>
- </ul>
- .ui-autocomplete {
- max-height: 200px !important;
- overflow-y: auto !important;
- /* prevent horizontal scrollbar */
- overflow-x: hidden;
- border:1px solid #222;
- position:absolute;
- }
- <script>
- $('#tokenfield').tokenfield({
- autocomplete: {
- source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
- delay: 100
- },
- showAutocompleteOnFocus: true
- });
- jQuery.ui.autocomplete.prototype._resizeMenu = function () {
- var ul = this.menu.element;
- ul.outerWidth(this.element.outerWidth());
- }
- </script>
Add Comment
Please, Sign In to add comment