@atlaskit/layer - npm Package Compare versions

Comparing version 5.0.4 to 5.0.5

CHANGELOG.md

 # @atlaskit/layer
 
+## 5.0.5
+- [patch] Implement left offset position to fixed-position layer [8242529](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8242529)
+- [none] Updated dependencies [8242529](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8242529)
+
 ## 5.0.4
@@ -4,0 +8,0 @@ - [patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html for details [a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)

dist/cjs/components/Layer.js

@@ -83,3 +83,3 @@ 'use strict';
     var rect = actualTarget.getBoundingClientRect();
-    return '\n        position: fixed;\n        top: ' + fixedOffset + 'px;\n        height: ' + rect.height + 'px;\n        width: ' + rect.width + 'px;\n        z-index: -1;\n      ';
+    return '\n        position: fixed;\n        top: ' + fixedOffset.top + 'px;\n        left: ' + fixedOffset.left + 'px;\n        height: ' + rect.height + 'px;\n        width: ' + rect.width + 'px;\n        z-index: -1;\n      ';
   }
@@ -229,5 +229,12 @@ return 'display: none;';
         var actualTarget = this.targetRef.firstChild;
-        this.setState({ fixedOffset: actualTarget.getBoundingClientRect().top });
+        this.setState({
+          fixedOffset: {
+            top: actualTarget.getBoundingClientRect().top,
+            left: actualTarget.getBoundingClientRect().left
+          }
+        });
       } else if (!isAlwaysFixed && this.state.fixedOffset !== null) {
-        this.setState({ fixedOffset: null });
+        this.setState({
+          fixedOffset: null
+        });
       }
@@ -234,0 +241,0 @@ }

dist/esm/components/Layer.js

@@ -33,3 +33,3 @@ import _extends from 'babel-runtime/helpers/extends';
     var rect = actualTarget.getBoundingClientRect();
-    return '\n        position: fixed;\n        top: ' + fixedOffset + 'px;\n        height: ' + rect.height + 'px;\n        width: ' + rect.width + 'px;\n        z-index: -1;\n      ';
+    return '\n        position: fixed;\n        top: ' + fixedOffset.top + 'px;\n        left: ' + fixedOffset.left + 'px;\n        height: ' + rect.height + 'px;\n        width: ' + rect.width + 'px;\n        z-index: -1;\n      ';
   }
@@ -179,5 +179,12 @@ return 'display: none;';
         var actualTarget = this.targetRef.firstChild;
-        this.setState({ fixedOffset: actualTarget.getBoundingClientRect().top });
+        this.setState({
+          fixedOffset: {
+            top: actualTarget.getBoundingClientRect().top,
+            left: actualTarget.getBoundingClientRect().left
+          }
+        });
       } else if (!isAlwaysFixed && this.state.fixedOffset !== null) {
-        this.setState({ fixedOffset: null });
+        this.setState({
+          fixedOffset: null
+        });
       }
@@ -184,0 +191,0 @@ }

dist/package.json

 {
 	"name": "@atlaskit/layer",
-	"version": "5.0.3"
+	"version": "5.0.4"
 }

package.json

 {
   "name": "@atlaskit/layer",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "A React layer component responsible for the position of an element on a page",
@@ -5,0 +5,0 @@ "license": "Apache-2.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

398169

increased by0.24%

Number of downloads

8254

increased by3.12%

Lines of code

2615

increased by0.54%

No dependency changes