diff --git a/light9/web/live/elements.html b/light9/web/live/elements.html
--- a/light9/web/live/elements.html
+++ b/light9/web/live/elements.html
@@ -187,12 +187,12 @@
      }
     </style>
     <div class$="device {{devClasses}}">
-      <h2 style$="[[bgStyle]]" on-click="onClick">
+      <h2 style$="[[bgStyle]]" xon-click="onClick">
         <resource-display id="mainLabel" graph="{{graph}}" uri="{{uri}}"></resource-display>
         a <resource-display minor graph="{{graph}}" uri="{{deviceClass}}"></resource-display>
       </h2>
       <template is="dom-repeat" items="{{deviceAttrs}}" as="dattr">
-        <div on-click="onAttrClick" class$="deviceAttr {{dattr.attrClasses}}">
+        <div xon-click="onAttrClick" class$="deviceAttr {{dattr.attrClasses}}">
           <span>attr <resource-display minor graph="{{graph}}" uri="{{dattr.uri}}"></resource-display></span>
           <light9-live-control
             graph="{{graph}}"