Fix text overflow bug in Firefox

alphagov · Nov 5, 2020 · 4fa82d4 · 4fa82d4
1 parent 6fa7596
commit 4fa82d4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@
   useful summary for people upgrading their application, not a replication
   of the commit log.
 
+## Unreleased
+
+* Fix text overflow bug in Firefox ([PR #1764](https://github.com/alphagov/govuk_publishing_components/pull/1764))
+
 ## 23.3.0
 
 * Change how analytics variables are passed ([PR #1762](https://github.com/alphagov/govuk_publishing_components/pull/1762))

diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss b/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss
@@ -4,6 +4,12 @@
   border-top: govuk-spacing(2) solid govuk-colour("blue");
 }
 
+.govuk-footer__list-item {
+  overflow: hidden; /* fix for Firefox */
+  break-inside: avoid-column;
+  -webkit-column-break-inside: avoid;
+}
+
 .gem-c-layout-footer .govuk-footer__list {
   padding-bottom: govuk-spacing(7);
 }