media-chrome - npm Package Compare versions

Comparing version 4.1.2 to 4.1.3

dist/cjs/menu/media-chrome-menu.js

@@ -648,3 +648,3 @@ var __defProp = Object.defineProperty;
   const maxHeight = boundsRect.height - realBottom - parseFloat(computedStyle.marginBottom);
-  style.setProperty("--_menu-max-height", `${maxHeight}px`);
+  this.style.setProperty("--_menu-max-height", `${maxHeight}px`);
 };
@@ -651,0 +651,0 @@ _resizeMenu = new WeakSet();

dist/cjs/utils/element-utils.js

@@ -145,8 +145,8 @@ var __defProp = Object.defineProperty;
 function getCSSRule(styleParent, predicate) {
-  var _a;
+  var _a, _b;
   let style;
-  for (style of styleParent.querySelectorAll("style")) {
+  for (style of (_a = styleParent.querySelectorAll("style:not([media])")) != null ? _a : []) {
     let cssRules;
     try {
-      cssRules = (_a = style.sheet) == null ? void 0 : _a.cssRules;
+      cssRules = (_b = style.sheet) == null ? void 0 : _b.cssRules;
     } catch {
@@ -163,3 +163,3 @@ continue;
   var _a, _b;
-  const styles = (_a = styleParent.querySelectorAll("style")) != null ? _a : [];
+  const styles = (_a = styleParent.querySelectorAll("style:not([media])")) != null ? _a : [];
   const style = styles == null ? void 0 : styles[styles.length - 1];
@@ -166,0 +166,0 @@ if (!(style == null ? void 0 : style.sheet)) {

dist/menu/media-chrome-menu.js

@@ -630,3 +630,3 @@ var __accessCheck = (obj, member, msg) => {
   const maxHeight = boundsRect.height - realBottom - parseFloat(computedStyle.marginBottom);
-  style.setProperty("--_menu-max-height", `${maxHeight}px`);
+  this.style.setProperty("--_menu-max-height", `${maxHeight}px`);
 };
@@ -633,0 +633,0 @@ _resizeMenu = new WeakSet();

dist/utils/element-utils.js

@@ -103,8 +103,8 @@ import { MediaStateReceiverAttributes } from "../constants.js";
 function getCSSRule(styleParent, predicate) {
-  var _a;
+  var _a, _b;
   let style;
-  for (style of styleParent.querySelectorAll("style")) {
+  for (style of (_a = styleParent.querySelectorAll("style:not([media])")) != null ? _a : []) {
     let cssRules;
     try {
-      cssRules = (_a = style.sheet) == null ? void 0 : _a.cssRules;
+      cssRules = (_b = style.sheet) == null ? void 0 : _b.cssRules;
     } catch {
@@ -121,3 +121,3 @@ continue;
   var _a, _b;
-  const styles = (_a = styleParent.querySelectorAll("style")) != null ? _a : [];
+  const styles = (_a = styleParent.querySelectorAll("style:not([media])")) != null ? _a : [];
   const style = styles == null ? void 0 : styles[styles.length - 1];
@@ -124,0 +124,0 @@ if (!(style == null ? void 0 : style.sheet)) {

package.json

 {
   "name": "media-chrome",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "description": "Custom elements (web components) for making audio and video player controls that look great in your website or app.",
@@ -5,0 +5,0 @@ "author": "@muxinc",

src/js/menu/media-chrome-menu.ts

@@ -644,3 +644,5 @@ import { MediaStateReceiverAttributes } from '../constants.js';
 
-    style.setProperty('--_menu-max-height', `${maxHeight}px`);
+    // Safari required directly setting the element style property instead of
+    // updating the style node for the styles to be refreshed.
+    this.style.setProperty('--_menu-max-height', `${maxHeight}px`);
   }
@@ -647,0 +649,0 @@

src/js/utils/element-utils.ts

@@ -218,3 +218,3 @@ import { MediaStateReceiverAttributes } from '../constants.js';
 
-  for (style of styleParent.querySelectorAll('style')) {
+  for (style of styleParent.querySelectorAll('style:not([media])') ?? []) {
     // Catch this error. e.g. browser extension adds style tags.
@@ -244,3 +244,3 @@ //   Uncaught DOMException: CSSStyleSheet.cssRules getter:
 ): CSSStyleRule | undefined {
-  const styles = styleParent.querySelectorAll('style') ?? [];
+  const styles = styleParent.querySelectorAll('style:not([media])') ?? [];
   const style = styles?.[styles.length - 1];
@@ -247,0 +247,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4242421

increased by0.02%

Lines of code

73885

No dependency changes