bitmovin-player-ui - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

CHANGELOG.md

@@ -7,2 +7,7 @@ # Change Log
 
+## [2.1.1]
+
+### Fixed
+- Update playback position / volume indicator position in `SeekBar`/`VolumeSlider` when component is shown
+
 ## [2.1.0]
@@ -106,2 +111,3 @@
 
+[2.1.1]: https://github.com/bitmovin/bitmovin-player-ui/compare/v2.1.0...v2.1.1
 [2.1.0]: https://github.com/bitmovin/bitmovin-player-ui/compare/v2.0.4...v2.1.0
@@ -108,0 +114,0 @@ [2.0.4]: https://github.com/bitmovin/bitmovin-player-ui/compare/v2.0.3...v2.0.4

dist/js/framework/components/seekbar.d.ts

@@ -177,2 +177,3 @@ import { Component, ComponentConfig } from './component';
     readonly onSeeked: Event<SeekBar, number>;
+    protected onShowEvent(): void;
 }

dist/js/framework/components/seekbar.js

@@ -694,2 +694,11 @@ "use strict";
     });
+    SeekBar.prototype.onShowEvent = function () {
+        _super.prototype.onShowEvent.call(this);
+        // Refresh the position of the playback position when the seek bar becomes visible. To correctly set the position,
+        // the DOM element must be fully initialized an have its size calculated, because the position is set as an absolute
+        // value calculated from the size. This required size is not known when it is hidden.
+        // For such cases, we refresh the position here in onShow because here it is guaranteed that the component knows
+        // its size and can set the position correctly.
+        this.refreshPlaybackPosition();
+    };
     return SeekBar;
@@ -696,0 +705,0 @@ }(component_1.Component));

package.json

 {
   "name": "bitmovin-player-ui",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Bitmovin Player UI Framework",
@@ -5,0 +5,0 @@ "main": "dist/js/bitmovinplayer-ui.js",

src/ts/components/seekbar.ts

@@ -837,2 +837,14 @@ import {Component, ComponentConfig} from './component';
   }
+
+
+  protected onShowEvent(): void {
+    super.onShowEvent();
+
+    // Refresh the position of the playback position when the seek bar becomes visible. To correctly set the position,
+    // the DOM element must be fully initialized an have its size calculated, because the position is set as an absolute
+    // value calculated from the size. This required size is not known when it is hidden.
+    // For such cases, we refresh the position here in onShow because here it is guaranteed that the component knows
+    // its size and can set the position correctly.
+    this.refreshPlaybackPosition();
+  }
 }

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

2815237

increased by0.14%

Lines of code

28827

increased by0.11%

No dependency changes