fix for percolation of events in list view

Author: starpit

app/content/css/ui.css

@@ -964,6 +964,10 @@ sidecar.no-limits-data .activation-estimated-cost-container {
 .sans-serif {
     font-family: var(--font-sans-serif);
 }
+.min-width-10em {
+    min-width: 10em !important;
+    display: block;
+}
 .not-too-wide {
     display: block; /* spans don't respond */
     max-width: 35em;

app/content/js/repl.js

@@ -92,7 +92,8 @@ const formatOneListResult = options => (entity, idx, A) => {
         cell.className = className
         inner.className = innerClassName
         if (value) {
-            inner.appendChild(value.nodeName ? value : document.createTextNode(value.toString()))
+            Promise.resolve(value)
+                .then(value => inner.appendChild(value.nodeName ? value : document.createTextNode(value.toString())))
         } else {
             console.error('Invalid cell model, no value field')
         }
@@ -101,7 +102,10 @@ const formatOneListResult = options => (entity, idx, A) => {
 
         if (onclick) {
             cell.classList.add('clickable')
-            cell.onclick = onclick
+            cell.onclick = evt => {
+                evt.stopPropagation() // don't trickle up to the row click handler
+                onclick(evt)
+            }
         }
 
         if (watch) {