Skip to content

Commit bda9714

Browse files
authored
fix(ui5-input): fix input pushed downward (#891)
1 parent f3fdc36 commit bda9714

File tree

2 files changed

+9
-5
lines changed

2 files changed

+9
-5
lines changed

packages/main/src/themes/Input.css

-5
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,6 @@
3939
height: 100%;
4040
background: transparent;
4141
display: inline-block;
42-
vertical-align: top;
4342
outline: none;
4443
box-sizing: border-box;
4544
color: inherit;
@@ -74,22 +73,18 @@
7473
}
7574

7675
[inner-input]::-webkit-input-placeholder {
77-
/* Chrome/Opera/Safari */
7876
color: var(--sapUiFieldPlaceholderTextColor);
7977
}
8078

8179
[inner-input]::-moz-placeholder {
82-
/* Firefox 19+ */
8380
color: var(--sapUiFieldPlaceholderTextColor);
8481
}
8582

8683
[inner-input]:-ms-input-placeholder {
87-
/* IE 10+ */
8884
color: var(--sapUiFieldPlaceholderTextColor);
8985
}
9086

9187
[inner-input]:-moz-placeholder {
92-
/* Firefox 18- */
9388
color: var(--sapUiFieldPlaceholderTextColor);
9489
}
9590

packages/main/test/pages/Input.html

+9
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,15 @@ <h3> Input type 'Tel'</h3>
8282
<h3> Input type 'URL'</h3>
8383
<ui5-input id="myInput6" style="width:100%" type="URL"></ui5-input>
8484

85+
<h3> Input and button and select</h3>
86+
<ui5-button>Press</ui5-button>
87+
<ui5-input style="width: 10rem;" value="input"></ui5-input>
88+
<ui5-select id="mySelect2"style="width: 10rem;">
89+
<ui5-option>Cozy</ui5-option>
90+
<ui5-option selected>Compact</ui5-option>
91+
<ui5-option>Condensed</ui5-option>
92+
</ui5-select>
93+
8594
<script>
8695
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" }];
8796

0 commit comments

Comments
 (0)