Fix fixed height for InputText with tags

This change adds custom CSS stylesheet for InputText with tags enabled. The CSS rules make tagsinput wrapper's height automatic with minimum height by default. Rules also fix editable input's position when typeahead is enabled. Fix #1081
TheCoder4eu · Aug 1, 2019 · 90613dd · 90613dd
1 parent 03b3cae
commit 90613dd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/mavenResources/META-INF/resources/bsf/css/input-tags.css b/mavenResources/META-INF/resources/bsf/css/input-tags.css
@@ -0,0 +1,14 @@
+.bootstrap-tagsinput {
+	height: auto;
+	min-height: 34px;
+}
+
+.bootstrap-tagsinput .twitter-typeahead {
+	width: auto;
+	float: none;
+	position: relative !important;
+}
+
+.bootstrap-tagsinput .twitter-typeahead .tt-menu {
+	width: auto;
+}
diff --git a/src/main/java/net/bootsfaces/component/inputText/InputText.java b/src/main/java/net/bootsfaces/component/inputText/InputText.java
@@ -152,7 +152,7 @@ public void setTags(boolean _tags) {
 			AddResourcesListener.addResourceToHeadButAfterJQuery(C.BSF_LIBRARY, "js/bootstrap-tagsinput.min.js");
 			AddResourcesListener.addExtCSSResource("bootstrap-tagsinput.css");
 			AddResourcesListener.addExtCSSResource("bootstrap-tagsinput-typeahead.css");
-
+			AddResourcesListener.addExtCSSResource("input-tags.css");
 		}
 		super.setTags(_tags);
 	}