Skip to content

onEnter and onLeave horizontal is triggered on vertical scroll #351

@ghost

Description

Expected Behavior

onEnter and onLeave are triggered when the component enters and leaves the viewport when the parent div is scrolled horizontally, when prop horizontal is given.

Current Behavior

onEnter and onLeave correctly inform if the component is in view, but they are only triggered when the page is scrolled vertically.

Steps to Reproduce

Component

<Waypoint
            horizontal={true}
            onEnter={_handleWaypointEnter}
            onLeave={_handleWaypointLeave}
          />

Handlers

const _handleWaypointEnter = () => {
    setInView(true);
    setChangeCount(changeCount + 1);
  };
  const _handleWaypointLeave = () => {
    setInView(false);
    setChangeCount(changeCount + 1);
  };

React: 17.0.2

react-waypoint: 9.0.3

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions