Merge pull request #1574 from alphagov/make-form-elements-scalable

Make form elements scale correctly when text resized by user
alphagov · Sep 16, 2019 · bf8bedf · bf8bedf
2 parents 882333f + fdf64d6
commit bf8bedf
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+### Fixes
+- [Pull request #1574: Make form elements scale correctly when text resized by user](https://github.com/alphagov/govuk-frontend/pull/1574).
+
 ## 3.2.0 (Feature release)
 
 ### New features

diff --git a/src/govuk/components/input/_input.scss b/src/govuk/components/input/_input.scss
@@ -13,6 +13,9 @@
     box-sizing: border-box;
     width: 100%;
     height: 40px;
+    @if $govuk-typography-use-rem {
+      height: govuk-px-to-rem(40px);
+    }
     margin-top: 0;
 
     padding: govuk-spacing(1);

diff --git a/src/govuk/components/select/_select.scss b/src/govuk/components/select/_select.scss
@@ -13,6 +13,9 @@
     box-sizing: border-box; // should this be global?
     max-width: 100%;
     height: 40px;
+    @if $govuk-typography-use-rem {
+      height: govuk-px-to-rem(40px);
+    }
     padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements
     border: $govuk-border-width-form-element solid $govuk-input-border-colour;