Prevent all parameters overflow

client/components/all-parameters.js

@@ -3,6 +3,7 @@
 import m from "mithril";
 import * as components from "../components";
 import * as taskQueue from "../task-queue";
+import longTextComponent from "../long-text-component";
 
 function escapeRegExp(str) {
   return str.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
@@ -101,7 +102,12 @@ const component = {
           )
         );
 
-        return m("tr", attrs, m("td.left", k), m("td.right", val));
+        return m(
+          "tr",
+          attrs,
+          m("td.left", m(longTextComponent, { text: k })),
+          m("td.right", val)
+        );
       });
 
     return m(

client/components/parameter.js

@@ -6,6 +6,7 @@ import * as store from "../store";
 import * as expression from "../../common/expression";
 import memoize from "../../common/memoize";
 import timeAgo from "../timeago";
+import longTextComponent from "../long-text-component";
 
 const memoizedParse = memoize(expression.parse);
 
@@ -69,9 +70,12 @@ const component = {
       );
     }
 
-    const el = m(
-      "span.parameter-value",
+    const el = m(longTextComponent, { text: value });
+
+    return m(
+      "span",
       {
+        class: "parameter-value",
         onmouseover: e => {
           e.redraw = false;
           // Don't update any child element
@@ -82,11 +86,9 @@ const component = {
           }
         }
       },
-      value,
+      el,
       edit
     );
-
-    return el;
   }
 };