fix(player): unsupported styles in captions file

closes #917
vidstack · Oct 2, 2023 · 475c089 · 475c089
1 parent e65ed2e
commit 475c089
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/vidstack/README.md b/packages/vidstack/README.md
@@ -18,7 +18,7 @@ Vidstack is [MIT licensed](./LICENSE).
 [vime]: https://github.com/vime-js/vime
 [plyr]: https://github.com/sampotts/plyr
 [package]: https://www.npmjs.com/package/vidstack
-[package-badge]: https://img.shields.io/npm/v/vidstack?style=flat-square
+[package-badge]: https://img.shields.io/npm/v/vidstack/next?style=flat-square
 [jsdelivr]: https://www.jsdelivr.com/package/npm/vidstack
 [jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/vidstack/badge
 [discord]: https://discord.gg/QAjfh2gZE4

diff --git a/packages/vidstack/player/styles/default/captions.css b/packages/vidstack/player/styles/default/captions.css
@@ -126,8 +126,10 @@
   top: calc(
     var(
       --region-top,
-      var(--overlay-height) * var(--region-viewport-anchor-y) / 100 - var(--region-height) *
-        var(--region-anchor-y) / 100
+      calc(
+        calc(calc(var(--overlay-height) * var(--region-viewport-anchor-y)) / 100) -
+          calc(var(--region-height) * calc(var(--region-anchor-y) / 100))
+      )
     )
   );
   left: var(