Comparing version 1.0.0-alpha.4 to 1.0.0-alpha.5
@@ -79,2 +79,3 @@ "use strict"; | ||
var axis = _ref.axis, | ||
container = _ref.container, | ||
element = _ref.element, | ||
@@ -86,3 +87,3 @@ invertAxis = _ref.invertAxis, | ||
var scrollContainer = findScrollContainer(element); | ||
var parent = element.parentElement; | ||
var parent = container.parentElement; | ||
var parentCollisions = (0, _detectElementOverflow.default)(parent, scrollContainer); | ||
@@ -128,4 +129,4 @@ var isX = axis === 'x'; | ||
var displayIfFits = function displayIfFits(size, willFit, display) { | ||
var fits = willFit(size); | ||
var displayIfFits = function displayIfFits(willFit, display) { | ||
var fits = willFit(initialSize); | ||
@@ -140,7 +141,7 @@ if (fits) { | ||
var displayStartIfFits = function displayStartIfFits() { | ||
return displayIfFits(initialSize, willFitStart, displayStart); | ||
return displayIfFits(willFitStart, displayStart); | ||
}; | ||
var displayEndIfFits = function displayEndIfFits() { | ||
return displayIfFits(initialSize, willFitEnd, displayEnd); | ||
return displayIfFits(willFitEnd, displayEnd); | ||
}; | ||
@@ -299,2 +300,3 @@ | ||
alignBothAxis({ | ||
container: container, | ||
element: element, | ||
@@ -301,0 +303,0 @@ invertAxis: invertAxis, |
{ | ||
"name": "react-fit", | ||
"version": "1.0.0-alpha.4", | ||
"version": "1.0.0-alpha.5", | ||
"description": "Fit a popover element on the screen.", | ||
@@ -5,0 +5,0 @@ "main": "dist/Fit.js", |
@@ -18,2 +18,4 @@ # React-Fit | ||
## Getting started | ||
### Compatibility | ||
@@ -23,3 +25,3 @@ | ||
A bug in React 16.5.x causes React-Fit to crash on older browsers. While React-Fit will continue to work on React 16.5.x, it's highly recommended that you either upgrade to ^16.6.0 or downgrade to <=16.4.2. | ||
A bug in React 16.5.x causes React-Fit to crash on [browsers not supporting `display: contents`](https://caniuse.com/#feat=css-display-contents). While React-Fit will continue to work on React 16.5.x, it's highly recommended that you either upgrade to ^16.6.0 or downgrade to <=16.4.2. | ||
@@ -26,0 +28,0 @@ ## How does it work? |
@@ -31,2 +31,3 @@ import React, { Component } from 'react'; | ||
axis, | ||
container, | ||
element, | ||
@@ -41,3 +42,3 @@ invertAxis, | ||
const parent = element.parentElement; | ||
const parent = container.parentElement; | ||
const parentCollisions = detectElementOverflow(parent, scrollContainer); | ||
@@ -80,4 +81,4 @@ | ||
const displayIfFits = (size, willFit, display) => { | ||
const fits = willFit(size); | ||
const displayIfFits = (willFit, display) => { | ||
const fits = willFit(initialSize); | ||
if (fits) { | ||
@@ -90,7 +91,7 @@ display(); | ||
const displayStartIfFits = () => ( | ||
displayIfFits(initialSize, willFitStart, displayStart) | ||
displayIfFits(willFitStart, displayStart) | ||
); | ||
const displayEndIfFits = () => ( | ||
displayIfFits(initialSize, willFitEnd, displayEnd) | ||
displayIfFits(willFitEnd, displayEnd) | ||
); | ||
@@ -240,2 +241,3 @@ | ||
alignBothAxis({ | ||
container, | ||
element, | ||
@@ -242,0 +244,0 @@ invertAxis, |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
40154
548
81