Fixed the popup display bug in chrome and re-enabled the popup.

It should still follow the mouse on hover, but that will have to wait.

index.html

@@ -38,9 +38,7 @@
         <div id="progress-container">
           <canvas id="buffer"></canvas>
           <div id="progress">
-            <!-- Disabled, needs to follow mouse on hover
             <div id="progress-popup"></div>
-            -->
           </div>
         </div>
         <div id="left-controls" class="control-box">

player.js

@@ -409,15 +409,13 @@ function setupPlaylist(body, playlistfile) {
 }
 
 function setupProgress(body, mainstream) {
-    // Popup is disabled until it can be made to follow the mouse on hover
-    
     var backdrop = document.querySelector('#progress-container')
     var pb = document.querySelector('#progress')
     var dragging = false
 
     var elapsed = document.querySelector('#elapsed')
     var duration = document.querySelector('#duration')
-    //var popup = document.querySelector('#progress-popup')
+    var popup = document.querySelector('#progress-popup')
 
     printTime(mainstream.duration, duration)
     printTime(0, elapsed)
@@ -461,7 +459,7 @@ function setupProgress(body, mainstream) {
         }
         pb.style.width = width + 'px'
         var time = width / backdrop.clientWidth * mainstream.duration
-        //printTime(time, popup)
+        printTime(time, popup)
     }
 
     backdrop.addEventListener('mousedown', startDrag)

style.css

@@ -175,12 +175,13 @@ body {
     position: absolute;
     top: 0;
     right: 0;
-    translate: 50% -150%;
+    transform: translate(50%, -150%);
     background: var(--background);
     border-radius: var(--gap);
     padding: var(--gap);
     visibility: hidden;
     opacity: 0;
+    user-select: none;
 }
 .control-box {
     display: flex;
@@ -366,7 +367,7 @@ body {
     position: absolute;
     top: 0;
     right: 0;
-    translate: 50% -25%;
+    transform: translate(50%, -25%);
     border: var(--progress-height) solid var(--spotlight);
     border-radius: var(--progress-height);
 }