Merge pull request #20 from xsolla/COMMERCE-4315__fix_layout_shift

fix [COMMERCE-4315] layout shift on paystation opening
xsolla · Sep 10, 2020 · 97c5691 · 97c5691
2 parents 18b1357 + 9791e7c
commit 97c5691
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.2.1 - 2020-09-08
+
+- [fix] Prevent layout shift when PayStation is opening in Chrome
+
 ## 1.2.0 - 2020-04-17
 
 - [feature] Add ability to pass custom payment URL

diff --git a/README.md b/README.md
@@ -15,7 +15,7 @@ Features:
 
 #### Linking to Xsolla CDN
 
-Script is located on our CDN and is available here: [https://cdn.xsolla.net/embed/paystation/1.2.0/widget.min.js](https://cdn.xsolla.net/embed/paystation/1.2.0/widget.min.js). Use this URL to integrate script on your website.
+Script is located on our CDN and is available here: [https://cdn.xsolla.net/embed/paystation/1.2.1/widget.min.js](https://cdn.xsolla.net/embed/paystation/1.2.1/widget.min.js). Use this URL to integrate script on your website.
 
 #### Installing with Bower
 
@@ -37,7 +37,7 @@ $ bower install xsolla-paystation-widget
     var s = document.createElement('script');
     s.type = "text/javascript";
     s.async = true;
-    s.src = "//cdn.xsolla.net/embed/paystation/1.2.0/widget.min.js";
+    s.src = "//cdn.xsolla.net/embed/paystation/1.2.1/widget.min.js";
     s.addEventListener('load', function (e) {
         XPayStationWidget.init(options);
     }, false);
@@ -49,7 +49,7 @@ $ bower install xsolla-paystation-widget
 #### Synchronous loading (blocks content)
 
 ``` javascript
-<script src="//cdn.xsolla.net/embed/paystation/1.2.0/widget.min.js"></script>
+<script src="//cdn.xsolla.net/embed/paystation/1.2.1/widget.min.js"></script>
 <script>
     XPayStationWidget.init({
         access_token: 'abcdef1234567890abcdef1234567890'

diff --git a/dist/widget.js b/dist/widget.js
diff --git a/dist/widget.min.js b/dist/widget.min.js
diff --git a/dist/widget.min.js.map b/dist/widget.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "xsolla-paystation-widget",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "PayStation 3 Integration Widget",
   "dependencies": {},
   "devDependencies": {

diff --git a/src/lightbox.js b/src/lightbox.js
@@ -161,6 +161,8 @@ module.exports = (function () {
 
         lightBoxContentElement.style.backgroundColor = options.contentBackground;
         lightBoxContentElement.style.margin = withDefaultPXUnit(options.contentMargin);
+        lightBoxContentElement.style.width = options.width ? withDefaultPXUnit(options.width) : 'auto';
+        lightBoxContentElement.style.height = options.height ? withDefaultPXUnit(options.height) : 'auto';
 
         if (options.spinnerColor) {
             lightBoxSpinnerElement.querySelector('path').style.fill = options.spinnerColor;

diff --git a/src/version.js b/src/version.js
@@ -1 +1 @@
-module.exports = '1.2.0';
+module.exports = '1.2.1';
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		module.exports = '1.2.0';
		module.exports = '1.2.1';