From 8ce17495cd4be32332afb02fbebf27cd906823ec Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Thu, 9 Feb 2017 18:47:19 +0100 Subject: [PATCH] [TextField] Fix width issue --- src/Input/Input.js | 6 +- .../Inputs/chrome-53.0.2785.143-linux.png | Bin 7746 -> 9675 bytes .../site/src/tests/Input/Inputs.js | 55 +++++++++++------- 3 files changed, 37 insertions(+), 24 deletions(-) diff --git a/src/Input/Input.js b/src/Input/Input.js index b62a513ecb0875..19d269e2ca9ece 100644 --- a/src/Input/Input.js +++ b/src/Input/Input.js @@ -13,7 +13,8 @@ function isDirty(obj) { export const styleSheet = createStyleSheet('Input', (theme) => { return { wrapper: { - display: 'flex', + // Mimics the default input display property used by browsers for an input. + display: 'inline-block', position: 'relative', }, formControl: { @@ -29,7 +30,7 @@ export const styleSheet = createStyleSheet('Input', (theme) => { content: '""', height: 2, position: 'absolute', - width: '100%', + right: 0, transform: 'scaleX(0)', transition: theme.transitions.create( 'transform', @@ -60,6 +61,7 @@ export const styleSheet = createStyleSheet('Input', (theme) => { lineHeight: 1, appearance: 'textfield', // Improve type search style. color: theme.palette.text.primary, + width: '100%', '&:focus': { outline: 0, }, diff --git a/test/regressions/screenshots/baseline/Input/Inputs/chrome-53.0.2785.143-linux.png b/test/regressions/screenshots/baseline/Input/Inputs/chrome-53.0.2785.143-linux.png index 2baa34a95ff8f6ef4b6f6bb170af19a17e8e699a..53df333e5761ab92a725ab4826eef4ad53f722b6 100644 GIT binary patch literal 9675 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

Xjs`~?W78fydL$w$8W4_? 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 H#N~ejAtQYI literal 7746 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 x>r#c|dBkw!8Zg}N~1zW|Gvw!Q!W diff --git a/test/regressions/site/src/tests/Input/Inputs.js b/test/regressions/site/src/tests/Input/Inputs.js index a3c6c87e39342b..c1695b3f6a8a5a 100644 --- a/test/regressions/site/src/tests/Input/Inputs.js +++ b/test/regressions/site/src/tests/Input/Inputs.js @@ -1,6 +1,7 @@ // @flow weak import React, { Component } from 'react'; +import classNames from 'classnames'; import { createStyleSheet } from 'jss-theme-reactor'; import customPropTypes from 'material-ui/utils/customPropTypes'; import Input from 'material-ui/Input/Input'; @@ -9,10 +10,14 @@ const styleSheet = createStyleSheet('Inputs', () => ({ container: { display: 'flex', flexDirection: 'column', + width: 200, }, input: { margin: 10, }, + large: { + width: 300, + }, })); export default class Inputs extends Component { @@ -30,29 +35,35 @@ export default class Inputs extends Component { const classes = this.context.styleManager.render(styleSheet); return ( -

- - - - +
+
+ + + + + { this.focusInput = c; }} + className={classes.input} + /> +
{ this.focusInput = c; }} - className={classes.input} + value="Large input" + className={classNames(classes.input, classes.large)} />
);