From 8de4a3e3c28bfdfa07e80e1673629db69af155df Mon Sep 17 00:00:00 2001
From: Rhys Causey <rhys.causey@d2l.com>
Date: Fri, 5 Feb 2021 15:04:57 -0500
Subject: [PATCH] Use max-height property in autocomplete-input-text, make it a
 public propety in autocomplete

---
 autocomplete-input-text.js |  4 ++++
 autocomplete.js            | 14 +++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/autocomplete-input-text.js b/autocomplete-input-text.js
index f5d1155..aa39611 100644
--- a/autocomplete-input-text.js
+++ b/autocomplete-input-text.js
@@ -17,6 +17,7 @@ $_documentContainer.innerHTML = `<dom-module id="d2l-labs-autocomplete-input-tex
 			data="[[data]]"
 			dropdown-label="[[dropdownLabel]]"
 			id="[[_prefix('d2l-labs-autocomplete')]]"
+			max-height="[[maxHeight]]"
 			min-length="[[minLength]]"
 			on-d2l-labs-autocomplete-suggestion-selected="_handleSuggestionSelected"
 			remote-source="[[remoteSource]]"
@@ -66,6 +67,9 @@ class AutocompleteInputText extends PolymerElement {
 				type: String,
 				value: null,
 			},
+			maxHeight: {
+				type: Number,
+			},
 			minLength: {
 				type: String,
 			},
diff --git a/autocomplete.js b/autocomplete.js
index 68dc61c..c4acdd8 100644
--- a/autocomplete.js
+++ b/autocomplete.js
@@ -48,7 +48,7 @@ $_documentContainer.innerHTML = `<dom-module id="d2l-labs-autocomplete">
 			</div>
 			<d2l-dropdown-content
 				id="d2l-labs-autocomplete-dropdown-content"
-				max-height="[[_maxHeight]]"
+				max-height="[[maxHeight]]"
 				min-width="[[_minWidth]]"
 				no-auto-focus="[[selectFirst]]"
 				no-padding=""
@@ -140,12 +140,6 @@ class Autocomplete extends PolymerElement {
 				type: Object,
 				value: { UP: 38, DOWN: 40, ENTER: 13, ESCAPE: 27, HOME: 36, END: 35 }
 			},
-			/**
-			 * Used to set max height of the dropdown
-			 */
-			_maxHeight: {
-				type: Number,
-			},
 			/**
 			 * Used to set min width of the dropdown
 			 */
@@ -181,6 +175,12 @@ class Autocomplete extends PolymerElement {
 				type: Function,
 			},
 			/**
+			* Maximum height of the dropdown
+			*/
+			maxHeight: {
+				type: Number
+			},
+			/**
 			* Minimum required length of query before searching
 			*/
 			minLength: {