Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit fb6f81a

Browse files
Robert MesserleThomasBurleson
Robert Messerle
authored andcommitted
fix(input): fixes alignment issues between textareas and inputs
Closes #5462. Closes #5682.
1 parent 1cc2d52 commit fb6f81a

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/components/input/input.scss

+6
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ md-input-container {
2424
position: relative;
2525
padding: $input-container-padding;
2626
margin: 18px 0;
27+
overflow: hidden;
2728

2829
&.md-block {
2930
display: block;
@@ -156,6 +157,11 @@ md-input-container {
156157
width: 100%;
157158
box-sizing: border-box;
158159

160+
// Hacky fix to force vertical alignment between `input` and `textarea`
161+
// Input and textarea do not align by default:
162+
// http://jsbin.com/buqomevage/1/edit?html,css,js,output
163+
float: left;
164+
159165
&:focus {
160166
outline: none;
161167
}

0 commit comments

Comments
 (0)