investigate progress.

resources/input.css

@@ -264,4 +264,7 @@
 .ct-series-e .ct-bar {
     stroke: #9c27b0;
     fill: #9c27b0;
+}
+[x-cloak] {
+    display:none
 }

resources/public/js/alpine-vals.js

@@ -57,9 +57,12 @@ Alpine.directive('hx-header', (el, { value, expression }, { evaluateLater, effec
             this.$refs.source.addEventListener('mouseover', reveal)
             this.$refs.source.addEventListener('mouseout', hide)
         },
+        destroy() {
+            this.popper.destroy()
+        },
         tooltip: {
 
-            [':class']() { return { 'opacity-0': !this.show, 'opacity-100': this.show, 'pointer-events-none': !this.show, 'transition': true } },
+            [':class']() { return {'opacity-0': !this.show, 'opacity-100': this.show, 'pointer-events-none': !this.show, 'transition': true } },
             ["x-ref"]: 'tooltip',
             ['x-transition']: true
         }