Popup not working on edge and chrome

chrome/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_extensionName__",
   "description": "__MSG_extensionDescription__",
-  "version": "1.1.41",
+  "version": "1.1.42",
 
   "homepage_url": "https://github.com/Dreamlinerm/Netflix-Prime-Auto-Skip",
   "icons": {

chrome/popup/popup.html

@@ -20,7 +20,7 @@
   <!--  import "https://fonts.googleapis.com/css?family=Lato"; -->
   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
   <script src="settings.js" defer></script>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=0.8">
   <title>Popup</title>
 </head>
 
@@ -32,13 +32,14 @@
         <img class="Logo" src="../icons/NetflixAmazon Auto-Skip.svg" alt="Logo">
         <div class="flex-center flex-col">
           <h2 class="title" data-i18n>pageTitle</h2>
-          <p style="color: grey; font-size: 1em">v.1.1.41</p>
+          <p style="color: grey; font-size: 1em">v.1.1.42</p>
         </div>
       </div>
       <a target="_blank" class="flex-center flex-col" style="text-align: center; text-decoration: none"
         href="https://chrome.google.com/webstore/detail/netflixprime-auto-skip/akaimhgappllmlkadblbdknhbfghdgle">
         <p style="font-size: 1em" data-i18n>rateNow</p>
-        <img src="https://img.shields.io/chrome-web-store/stars/akaimhgappllmlkadblbdknhbfghdgle?color=e60010" alt="rating">
+        <img src="https://img.shields.io/chrome-web-store/stars/akaimhgappllmlkadblbdknhbfghdgle?color=e60010"
+          alt="rating">
       </a>
       <div class="flex flex-row">
         <a class="flex flex-center" style="font-size: 1.5em;"

chrome/popup/settings.css

@@ -26,7 +26,7 @@ h6 {
 html,
 body,
 .content {
-  /* width: 500px; */
+  min-width: 500px;
   min-height: 450px;
   background-color: #212121;
 }
@@ -226,6 +226,7 @@ input:checked + .slider:before {
 
 .popupMenuButton {
   flex: 1 0 calc(25% - 30px);
+  max-width: calc(25% - 20px);
   border-radius: 15px;
   padding: 20px;
   margin: 10px;

chrome/popup/settings.html

@@ -30,13 +30,14 @@
         <img class="Logo" src="../icons/NetflixAmazon Auto-Skip.svg" alt="Logo">
         <div class="flex-center flex-col">
           <h2 class="title" data-i18n>pageTitle</h2>
-          <p style="font-size: 1em">v.1.1.41</p>
+          <p style="font-size: 1em">v.1.1.42</p>
         </div>
       </div>
       <a target="_blank" class="flex-center flex-col" style="text-align: center; text-decoration: none"
         href="https://chrome.google.com/webstore/detail/netflixprime-auto-skip/akaimhgappllmlkadblbdknhbfghdgle">
         <p style="font-size: 1em" data-i18n>rateNow</p>
-        <img src="https://img.shields.io/chrome-web-store/stars/akaimhgappllmlkadblbdknhbfghdgle?color=e60010" alt="rating">
+        <img src="https://img.shields.io/chrome-web-store/stars/akaimhgappllmlkadblbdknhbfghdgle?color=e60010"
+          alt="rating">
       </a>
     </div>
     <div class="flex flex-col MenuButtons" style="flex-wrap: wrap">
@@ -735,7 +736,7 @@ <h2 data-i18n>ImportSettings</h2>
         <h2>Changelog</h2>
         <div>
           <div class="line flex">
-            <h2>1.1.41</h2>
+            <h2>1.1.42</h2>
             <ul>
               <li>Block Disney Ads</li>
             </ul>

chrome/skipper.js

@@ -29,7 +29,7 @@ const isMobile = /mobile|streamingEnhanced/i.test(ua);
 const isEdge = /edg/i.test(ua);
 // const isFirefox = /firefox/i.test(ua);
 // const isChrome = /chrome/i.test(ua);
-const version = "1.1.41";
+const version = "1.1.42";
 if (isPrimeVideo || isNetflix || isDisney || isHotstar || isCrunchyroll || isHBO) {
   /* eslint-env root:true */
   // global variables in localStorage

firefox/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "__MSG_extensionName__",
   "description": "__MSG_extensionDescription__",
-  "version": "1.1.41",
+  "version": "1.1.42",
   "homepage_url": "https://github.com/Dreamlinerm/Netflix-Prime-Auto-Skip",
   "icons": {
     "16": "icons/NetflixAmazon Auto-Skip.svg",

firefox/popup/popup.html

@@ -20,7 +20,7 @@
   <!--  import "https://fonts.googleapis.com/css?family=Lato"; -->
   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
   <script src="settings.js" defer></script>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=500px, initial-scale=1">
   <title>Popup</title>
 </head>
 
@@ -32,7 +32,7 @@
         <img class="Logo" src="../icons/NetflixAmazon Auto-Skip.svg" alt="Logo">
         <div class="flex-center flex-col">
           <h2 class="title" data-i18n>pageTitle</h2>
-          <p style="color: grey; font-size: 1em">v.1.1.41</p>
+          <p style="color: grey; font-size: 1em">v.1.1.42</p>
         </div>
       </div>
       <a target="_blank" class="flex-center flex-col" style="text-align: center; text-decoration: none"

firefox/popup/settings.css

@@ -26,7 +26,7 @@ h6 {
 html,
 body,
 .content {
-  /* width: 500px; */
+  min-width: 500px;
   min-height: 450px;
   background-color: #212121;
 }

firefox/popup/settings.html

@@ -30,7 +30,7 @@
         <img class="Logo" src="../icons/NetflixAmazon Auto-Skip.svg" alt="Logo">
         <div class="flex-center flex-col">
           <h2 class="title" data-i18n>pageTitle</h2>
-          <p style="font-size: 1em">v.1.1.41</p>
+          <p style="font-size: 1em">v.1.1.42</p>
         </div>
       </div>
       <a target="_blank" class="flex-center flex-col" style="text-align: center; text-decoration: none"
@@ -735,7 +735,13 @@ <h2 data-i18n>ImportSettings</h2>
         <h2>Changelog</h2>
         <div>
           <div class="line flex">
-            <h2>1.1.41</h2>
+            <h2>1.1.42</h2>
+            <ul>
+              <li>BUG: Popup not working on edge and chrome</li>
+            </ul>
+          </div>
+          <div class="line flex">
+            <p>1.1.41</p>
             <ul>
               <li>Block Disney Ads</li>
             </ul>

firefox/skipper.js

@@ -29,7 +29,7 @@ const isMobile = /mobile|streamingEnhanced/i.test(ua);
 const isEdge = /edg/i.test(ua);
 // const isFirefox = /firefox/i.test(ua);
 // const isChrome = /chrome/i.test(ua);
-const version = "1.1.41";
+const version = "1.1.42";
 if (isPrimeVideo || isNetflix || isDisney || isHotstar || isCrunchyroll || isHBO) {
   /* eslint-env root:true */
   // global variables in localStorage

package.json

@@ -1,6 +1,6 @@
 {
   "name": "streaming-enhanced",
-  "version": "1.1.41",
+  "version": "1.1.42",
   "description": "Automatically skip Ads, Intros, Credits and add Speed Control, etc. on Netflix, Prime video, Disney+ & Hotstar and Crunchyroll.",
   "scripts": {
     "start": "web-ext run",