feat: make excerpt content non-interactive (#7)

* feat: make content non-interactive Prevents link/image clicks on synopsis from taking you to their respective locations. * feat: add fallback for `inert` attribute
imorland · Oct 11, 2021 · fce0d96 · fce0d96
1 parent 5e7d152
commit fce0d96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/js/src/forum/addSummaryExcerpt.js b/js/src/forum/addSummaryExcerpt.js
@@ -35,7 +35,7 @@ export default function addSummaryExcerpt() {
 
         if (excerptPost) {
             const excerpt = (
-                <div>
+                <div inert>
                     {richExcerpt ? m.trust(truncate(excerptPost.contentHtml(), excerptLength)) : truncate(excerptPost.contentPlain(), excerptLength)}
                 </div>
             );

diff --git a/resources/less/forum/extension.less b/resources/less/forum/extension.less
@@ -7,6 +7,10 @@
   color: @muted-more-color;
   display: block;
 
+  // Fallback for `inert` HTML attribute
+  // Prevents interactivity with items within the excerpt
+  pointer-events: none;
+
   img {
     max-width: 100%
   }