fix(ui5-input): fix input pushed downward (#891)

SAP · Oct 28, 2019 · bda9714 · bda9714
1 parent f3fdc36
commit bda9714
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/packages/main/src/themes/Input.css b/packages/main/src/themes/Input.css
@@ -39,7 +39,6 @@
 	height: 100%;
 	background: transparent;
 	display: inline-block;
-	vertical-align: top;
 	outline: none;
 	box-sizing: border-box;
 	color: inherit;
@@ -74,22 +73,18 @@
 }
 
 [inner-input]::-webkit-input-placeholder {
-	/* Chrome/Opera/Safari */
 	color: var(--sapUiFieldPlaceholderTextColor);
 }
 
 [inner-input]::-moz-placeholder {
-	/* Firefox 19+ */
 	color: var(--sapUiFieldPlaceholderTextColor);
 }
 
 [inner-input]:-ms-input-placeholder {
-	/* IE 10+ */
 	color: var(--sapUiFieldPlaceholderTextColor);
 }
 
 [inner-input]:-moz-placeholder {
-	/* Firefox 18- */
 	color: var(--sapUiFieldPlaceholderTextColor);
 }
 

diff --git a/packages/main/test/pages/Input.html b/packages/main/test/pages/Input.html
@@ -82,6 +82,15 @@ <h3> Input type 'Tel'</h3>
 	<h3> Input type 'URL'</h3>
 	<ui5-input id="myInput6" style="width:100%" type="URL"></ui5-input>
 
+	<h3> Input and button and select</h3>
+	<ui5-button>Press</ui5-button>
+	<ui5-input style="width: 10rem;" value="input"></ui5-input>
+	<ui5-select id="mySelect2"style="width: 10rem;">
+		<ui5-option>Cozy</ui5-option>
+		<ui5-option selected>Compact</ui5-option>
+		<ui5-option>Condensed</ui5-option>
+	</ui5-select>
+
 	<script>
 		var sap_database_entries = [{ key: "Afg", text: "Afghanistan" }, { key: "Arg", text: "Argentina" }, { key: "Alb", text: "Albania" }, { key: "Arm", text: "Armenia" }, { key: "Alg", text: "Algeria" }, { key: "And", text: "Andorra" }, { key: "Ang", text: "Angola" }, { key: "Ast", text: "Austria" }, { key: "Aus", text: "Australia" }, { key: "Aze", text: "Azerbaijan" }, { key: "Aruba", text: "Aruba" }, { key: "Antigua", text: "Antigua and Barbuda" }, { key: "Bel", text: "Belarus" }, { key: "Bel", text: "Belgium" }, { key: "Bg", text: "Bulgaria" }, { key: "Bra", text: "Brazil" }, { key: "Ch", text: "China" }, { key: "Cub", text: "Cuba" }, { key: "Chil", text: "Chili" }, { key: "Lat", text: "Latvia" }, { key: "Lit", text: "Litva" }, { key: "Prt", text: "Portugal" }, { key: "Sen", text: "Senegal" }, { key: "Ser", text: "Serbia" }, { key: "Afg", text: "Seychelles" }, { key: "Sierra", text: "Sierra Leone" }, { key: "Sgp", text: "Singapore" }, { key: "Sint", text: "Sint Maarten" }, { key: "Slv", text: "Slovakia" }, { key: "Slo", text: "Slovenia" }];