5.9.11

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "ws4kp",
-	"version": "5.9.10",
+	"version": "5.9.11",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "ws4kp",
-			"version": "5.9.10",
+			"version": "5.9.11",
 			"license": "MIT",
 			"devDependencies": {
 				"del": "^6.0.0",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ws4kp",
-	"version": "5.9.10",
+	"version": "5.9.11",
 	"description": "Welcome to the WeatherStar 4000+ project page!",
 	"main": "index.js",
 	"scripts": {

server/scripts/modules/radar.mjs

@@ -216,7 +216,7 @@ class Radar extends WeatherDisplay {
 
 		// get image offset calculation
 		// is slides slightly because of scaling so we have to take a measurement from the rendered page
-		const actualFrameHeight = this.elem.querySelector('.frame').getBoundingClientRect().height;
+		const actualFrameHeight = this.elem.querySelector('.frame').scrollHeight;
 
 		// scroll to image
 		this.elem.querySelector('.scroll-area').style.top = `${-this.screenIndex * actualFrameHeight}px`;

server/styles/scss/_page.scss

@@ -283,7 +283,7 @@ body {
 	position: relative;
 	width: 640px;
 	height: 480px;
-	overflow: hidden;
+	// overflow: hidden;
 	background-image: url(../images/BackGround1_1.png);
 	transform-origin: 0 0;
 

views/index.ejs

@@ -115,7 +115,7 @@
       <div id="radar-html" class="weather-display">
         <%- include('partials/radar.ejs') %>
       </div>
-      <div id="hazards-html" class="weather-display show">
+      <div id="hazards-html" class="weather-display">
         <%- include('partials/hazards.ejs') %>
       </div>
     </div>