From 415547f6a60a008805eff71a42b443419cd8bad1 Mon Sep 17 00:00:00 2001 From: Marian Steinbach Date: Wed, 6 Mar 2019 12:22:47 +0100 Subject: [PATCH 1/3] Add selector for text input field lacking the type attribute --- src/styles/components/_form.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/components/_form.sass b/src/styles/components/_form.sass index adbb5c7837..9383e0da36 100644 --- a/src/styles/components/_form.sass +++ b/src/styles/components/_form.sass @@ -5,7 +5,7 @@ form color: #ccc margin-bottom: 10px - textarea, input[type='text'], input[type='email'], input[type='password'] + textarea, input[type='text'], input[type='email'], input[type='password'], .textfield input box-sizing: border-box width: 100% background-color: #32526a From 78e118af513bfe0acde0edca8e8e1b44e41392cc Mon Sep 17 00:00:00 2001 From: Marian Steinbach Date: Wed, 6 Mar 2019 12:25:31 +0100 Subject: [PATCH 2/3] Revert selector change --- src/styles/components/_form.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/components/_form.sass b/src/styles/components/_form.sass index 9383e0da36..adbb5c7837 100644 --- a/src/styles/components/_form.sass +++ b/src/styles/components/_form.sass @@ -5,7 +5,7 @@ form color: #ccc margin-bottom: 10px - textarea, input[type='text'], input[type='email'], input[type='password'], .textfield input + textarea, input[type='text'], input[type='email'], input[type='password'] box-sizing: border-box width: 100% background-color: #32526a From 51dd7388ef68628b2556a1ceca9f529d71095022 Mon Sep 17 00:00:00 2001 From: Marian Steinbach Date: Wed, 6 Mar 2019 12:26:42 +0100 Subject: [PATCH 3/3] Expose the type property of InputField --- src/components/shared/input_field.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/shared/input_field.js b/src/components/shared/input_field.js index 83fef3653f..468ae6dce7 100644 --- a/src/components/shared/input_field.js +++ b/src/components/shared/input_field.js @@ -118,6 +118,7 @@ class InputField extends React.Component { ref={i => { this.input = i; }} + type={this.props.type} id={this.props.name} value={this.state.value} onBlur={this.onBlur} @@ -143,6 +144,7 @@ InputField.propTypes = { label: PropTypes.string, value: PropTypes.string, readOnly: PropTypes.bool, + type: PropTypes.stringm, }; export default InputField;