Test if adding nbsp to end of heading prevents anchor widowing

NicolaSaunders · NicolaSaunders · commit 93324ee6492c · 2024-10-10T11:51:35.000+01:00
diff --git a/assets-src/js/main/heading-anchors.js b/assets-src/js/main/heading-anchors.js
@@ -76,6 +76,7 @@ let headingAnchors = function () {
 					anchor.innerHTML = '<span aria-hidden="true">&sect;</span>'
 						+'<span class="visuallyhidden">'
 						+ translate.translate('anchor', languageCode) + '</span>';
+					heading.textContent += '\xa0';
 					heading.appendChild(anchor);
 
 				});
diff --git a/assets-src/styles/sass/30-base/_links.scss b/assets-src/styles/sass/30-base/_links.scss
@@ -54,7 +54,7 @@ a.with-icon--after {
 
     color: $storm-gray;
     font-weight: normal;
-    margin-inline-start: 0.25em;
+    //margin-inline-start: 0.25em;
     opacity: 0.82;
     text-underline-offset: auto;
 
diff --git a/public/dist/assets/js/main.js b/public/dist/assets/js/main.js
@@ -975,6 +975,7 @@ let headingAnchors = function () {
           anchor.setAttribute('href', '#' + anchorHref);
           anchor.setAttribute('class', 'heading-anchor');
           anchor.innerHTML = '<span aria-hidden="true">&sect;</span>' + '<span class="visuallyhidden">' + _translations__WEBPACK_IMPORTED_MODULE_0__.translate.translate('anchor', languageCode) + '</span>';
+          heading.textContent += '\xa0';
           heading.appendChild(anchor);
         });
       }
diff --git a/public/dist/assets/js/main.min.js b/public/dist/assets/js/main.min.js
diff --git a/public/dist/assets/styles/core.css b/public/dist/assets/styles/core.css
@@ -1698,7 +1698,6 @@ a.with-icon--after:active {
 .heading-anchor {
   color: #545454;
   font-weight: normal;
-  margin-inline-start: 0.25em;
   opacity: 0.82;
   text-underline-offset: auto;
 }
diff --git a/public/dist/assets/styles/core.min.css b/public/dist/assets/styles/core.min.css

Original file line number	Diff line number	Diff line change
`@@ -975,6 +975,7 @@ let headingAnchors = function () {`
`975`	`975`	`anchor.setAttribute('href', '#' + anchorHref);`
`976`	`976`	`anchor.setAttribute('class', 'heading-anchor');`
`977`	`977`	`anchor.innerHTML = '<span aria-hidden="true">§</span>' + '<span class="visuallyhidden">' + _translations__WEBPACK_IMPORTED_MODULE_0__.translate.translate('anchor', languageCode) + '</span>';`
	`978`	`+ heading.textContent += '\xa0';`
`978`	`979`	`heading.appendChild(anchor);`
`979`	`980`	`});`
`980`	`981`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1698,7 +1698,6 @@ a.with-icon--after:active {`
`1698`	`1698`	`.heading-anchor {`
`1699`	`1699`	`color: #545454;`
`1700`	`1700`	`font-weight: normal;`
`1701`		`- margin-inline-start: 0.25em;`
`1702`	`1701`	`opacity: 0.82;`
`1703`	`1702`	`text-underline-offset: auto;`
`1704`	`1703`	`}`