detect-element-overflow

WebJar for detect-element-overflow

License	MIT
GroupId	org.webjars.npm
ArtifactId	detect-element-overflow
Last Version	1.2.0
Release Date	Dec 1, 2019
Type	jar
Description	detect-element-overflow WebJar for detect-element-overflow
Project URL	http://webjars.org
Source Code Management	https://github.com/wojtekmaj/detect-element-overflow

Download detect-element-overflow

Filename	Size
detect-element-overflow-1.2.0.pom
detect-element-overflow-1.2.0.jar	7 KB
detect-element-overflow-1.2.0-sources.jar	22 bytes
detect-element-overflow-1.2.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/detect-element-overflow/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>detect-element-overflow</artifactId>
    <version>1.2.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/detect-element-overflow/
implementation 'org.webjars.npm:detect-element-overflow:1.2.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/detect-element-overflow/
implementation ("org.webjars.npm:detect-element-overflow:1.2.0")

Apache Buildr

'org.webjars.npm:detect-element-overflow:jar:1.2.0'

Apache Ivy

<dependency org="org.webjars.npm" name="detect-element-overflow" rev="1.2.0">
  <artifact name="detect-element-overflow" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='detect-element-overflow', version='1.2.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "detect-element-overflow" % "1.2.0"

Leiningen

[org.webjars.npm/detect-element-overflow "1.2.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Detect-Element-Overflow

A function that tells you whether a given element is overflowing its container or not. Useful for creating dropdowns and tooltips.

tl;dr

• Install by executing npm install detect-element-overflow or yarn add detect-element-overflow.
• Import by adding import detectElementOverflow from 'detect-element-overflow'.
• Do stuff with it!

  const collisions = detectElementOverflow(child, parent);

User guide

Detect-Element-Overflow returns an object with getter functions described below.

Attribute name	Description	Example values
collidedTop	Whether or not the child element collided with the top parent's border.	true
collidedBottom	Whether or not the child element collided with the bottom parent's border.	true
collidedLeft	Whether or not the child element collided with the left parent's border.	true
collidedRight	Whether or not the child element collided with the right parent's border.	true
overflowTop	How many pixels of the child have crossed the top parent's border. Negative values specify how many pixels are between the child and the top parent's border.	20, -15
overflowBottom	How many pixels of the child have crossed the bottom parent's border. Negative values specify how many pixels are between the child and the bottom parent's border.	20, -15
overflowLeft	How many pixels of the child have crossed the left parent's border. Negative values specify how many pixels are between the child and the left parent's border.	20, -15
overflowRight	How many pixels of the child have crossed the right parent's border. Negative values specify how many pixels are between the child and the right parent's border.	20, -15

License

The MIT License.

Author

Wojciech Maj [email protected] http://wojtekmaj.pl

Versions

Version
1.2.0 Dec 1, 2019