Fix for select height zoom problem

alphagov · Aug 2, 2019 · cf41edd · cf41edd
1 parent 9c4570b
commit cf41edd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,13 +10,15 @@
 ## Unreleased
 
 * Add tests for email feedback form (PR #1017)
+* Fix for select height zoom problem (PR #1018)
 
 ## 17.20.0
 
 * Add full width option to select component (PR #1012)
 * Change statistics header link to link to new finder (PR #1015)
 
 ## 17.19.1
+
 * Replace subscription links images with SVG (PR #1008)
 * Change subscription links CSS (PR #1007)
 

diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_select.scss b/app/assets/stylesheets/govuk_publishing_components/components/_select.scss
@@ -3,3 +3,11 @@
 .gem-c-select__select--full-width {
   width: 100%;
 }
+
+// Solution to text inside selects becoming unreadable if font size in
+// the browser is increased. This is currently a problem in govuk-frontend
+.gem-c-select {
+  .govuk-select {
+    height: 2.14em;
+  }
+}