webcircos / jquery-ui-1.10.3.custom / development-bundle / demos / autocomplete / maxheight.html

Full commit
<!doctype html>
<html lang="en">
	<meta charset="utf-8">
	<title>jQuery UI Autocomplete - Scrollable results</title>
	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
	<script src="../../jquery-1.9.1.js"></script>
	<script src="../../ui/jquery.ui.core.js"></script>
	<script src="../../ui/jquery.ui.widget.js"></script>
	<script src="../../ui/jquery.ui.position.js"></script>
	<script src="../../ui/"></script>
	<script src="../../ui/jquery.ui.autocomplete.js"></script>
	<link rel="stylesheet" href="../demos.css">
	.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	* html .ui-autocomplete {
		height: 100px;
	$(function() {
		var availableTags = [
		$( "#tags" ).autocomplete({
			source: availableTags

<div class="ui-widget">
	<label for="tags">Tags: </label>
	<input id="tags">

<div class="demo-description">
<p>When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large. Try typing "a" or "s" above to get a long list of results that you can scroll through.</p>