Use wrapping span instead of div (#27695)

diff --git a/site/docs/4.1/assets/js/src/application.js b/site/docs/4.1/assets/js/src/application.js
index 29c12532480d6ccad458126f880481e88a330dfa..5474d361466f92bf335ba68b133284e28cbe8292 100644 (file)
--- a/site/docs/4.1/assets/js/src/application.js
+++ b/site/docs/4.1/assets/js/src/application.js
@@ -101,7 +101,7 @@
         .tooltip('_fixTitle')
     })
 
-    $('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5').wrapInner('<div></div>')
+    $('.bd-content').children('h2, h3, h4, h5').wrapInner('<span class="bd-content-title"></span>')
 
     bsCustomFileInput.init()
   })

diff --git a/site/docs/4.1/assets/scss/_content.scss b/site/docs/4.1/assets/scss/_content.scss
index decb6c4c3bb7be1a3d0ca5d59f8d68d39e562d61..ecd952bd878bbdf077a3100595ebe82b85a74bfc 100644 (file)
--- a/site/docs/4.1/assets/scss/_content.scss
+++ b/site/docs/4.1/assets/scss/_content.scss
@@ -13,16 +13,10 @@
   > h4[id] {
     pointer-events: none;
 
-    > div,
-    > a {
-      pointer-events: auto;
-    }
-
     &::before {
       display: block;
       height: 6rem;
       margin-top: -6rem;
-      visibility: hidden;
       content: "";
     }
   }
@@ -67,6 +61,11 @@
   }
 }
 
+.bd-content-title {
+  display: block;
+  pointer-events: auto;
+}
+
 //
 // Docs sections
 //