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

Commit b2b4c93

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

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

config/build.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ var fs = require('fs');
33
var versionFile = __dirname + '/../dist/commit';
44

55
module.exports = {
6-
ngVersion: '1.4.6',
6+
ngVersion: '1.4.7',
77
version: pkg.version,
88
repository: pkg.repository.url
99
.replace(/^git/,'https')

src/components/input/input.scss

+7
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ $icon-offset : 36px !default;
2020
$icon-float-focused-top: -8px !default;
2121

2222
md-input-container {
23+
@include pie-clearfix();
2324
display: inline-block;
2425
position: relative;
2526
padding: $input-container-padding;
@@ -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
}
@@ -191,6 +197,7 @@ md-input-container {
191197
transition: $swift-ease-out;
192198
transition-duration: $swift-ease-out-duration / 1.5;
193199
opacity: 0;
200+
clear: left;
194201

195202
.md-char-counter {
196203
position: absolute;

0 commit comments

Comments
 (0)