Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll

atlassian169.8kApache-2.02.0.1TypeScript support: included

An optional package for Pragmatic drag and drop that enables automatic scrolling during a drag operation. This package is a port of the react-beautiful-dnd auto scroller

readme

Pragmatic drag and drop

⚠️ We do not recommend the usage of this package. Please use our new auto scroller package. We plan on deprecating this package.

An optional package for Pragmatic drag and drop that enables automatic scrolling during a drag operation. This package is a port of the react-beautiful-dnd auto scroller.

📖 Documentation

changelog

@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll

2.0.1

Patch Changes

2.0.0

Major Changes

1.2.1

Patch Changes

1.2.0

Minor Changes

  • #116572 98c65e7ff719c - 🍯 Introducing "the honey pot fix" which is an improved workaround for a painful browser bug.

    Background

    The browser bug causes the browser to think the users pointer is continually depressed at the point that the user started a drag. This could lead to incorrect events being triggered, and incorrect styles being applied to elements that the user is not currently over during a drag.

    Outcomes

    • Elements will no longer receive MouseEvents (eg "mouseenter" and "mouseleave") during a drag (which is a violation of the drag and drop specification)
    • Elements will no longer apply :hover or :active styles during a drag. Previously consumers would need to disable these style rules during a drag to prevent these styles being applied.
    • Dramatically improved post drop performance. Our prior solution could require a noticeable delay due to a large style recalculation after a drop.

Patch Changes

  • Updated dependencies

1.1.0

Minor Changes

  • #87853 54e884fd8d96 - Increasing react peerDependency range to include react@17 and react@18.

1.0.3

Patch Changes

1.0.2

Patch Changes

  • #83702 4d9e25ab4eaa - Updating the descriptions of Pragmatic drag and drop packages, so they each provide a consistent description to various consumers, and so they are consistently formed amongst each other.

    • package.json description
    • README.md
    • Website documentation

1.0.1

Patch Changes

1.0.0

Major Changes

  • #70616 42e57ea65fee - This is our first major release (1.0) for all Pragmatic drag and drop packages.

    For a detailed explanation of these changes, and how to upgrade (automatically) to 1.0 please see our 1.0 upgrade guide

Patch Changes

  • Updated dependencies

0.6.6

Patch Changes

  • Updated dependencies

0.6.5

Patch Changes

  • #39935 d9e36079257 - Updating package information. No API or behaviour changes.
  • Updated dependencies

0.6.4

Patch Changes

  • Updated dependencies

0.6.3

Patch Changes

  • Updated dependencies

0.6.2

Patch Changes

  • Updated dependencies

0.6.1

Patch Changes

  • Updated dependencies

0.6.0

Minor Changes

  • #37394 75f89536e12 - Renaming this package from @atlaskit/pragmatic-drag-and-drop-autoscroll to @atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll.

    This package is a port of the existing react-beautiful-dnd auto scroller that we will continue to have as a separate package for usage with our react-beautiful-dnd → Pragmatic drag and drop migration layer (@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration).

    We are creating a new, more feature rich auto scroller which will soon be published as @atlaskit/pragmatic-drag-and-drop-autoscroll

0.5.4

Patch Changes

  • Updated dependencies

0.5.3

Patch Changes

0.5.2

Patch Changes

0.5.1

Patch Changes

0.5.0

Minor Changes

Patch Changes

  • Updated dependencies

0.4.0

Minor Changes

  • #33262 34ed7b2ec63 - We have changed the name of our drag and drop packages to align on the single name of "Pragmatic drag and drop"

    - @atlaskit/drag-and-drop
    + @atlaskit/pragmatic-drag-and-drop
    
    - @atlaskit/drag-and-drop-autoscroll
    + @atlaskit/pragmatic-drag-and-drop-autoscroll
    
    - @atlaskit/drag-and-drop-hitbox
    + @atlaskit/pragmatic-drag-and-drop-hitbox
    
    - @atlaskit/drag-and-drop-indicator
    + @atlaskit/pragmatic-drag-and-drop-react-indicator
    # Note: `react` was added to this package name as our indicator package is designed for usage with `react`.
    
    - @atlaskit/drag-and-drop-live-region
    + @atlaskit/pragmatic-drag-and-drop-live-region
    
    - @atlaskit/drag-and-drop-react-beautiful-dnd-migration
    + @atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration
    
    - @atlaskit/drag-and-drop-docs
    + @atlaskit/pragmatic-drag-and-drop-docs

    The new @atlaskit/pragmatic-drag-and-drop* packages will start their initial versions from where the @atlaskit/drag-and-drop*` packages left off. Doing this will make it easier to look back on changelogs and see how the packages have progressed.

Patch Changes

  • Updated dependencies

0.3.0

Minor Changes

Patch Changes

  • Updated dependencies

0.2.5

Patch Changes

  • #32424 2e01c9c74b5 - DUMMY remove before merging to master; dupe adf-schema via adf-utils

0.2.4

Patch Changes

  • Updated dependencies

0.2.3

Patch Changes

  • Updated dependencies

0.2.2

Patch Changes

  • Updated dependencies

0.2.1

Patch Changes

  • Updated dependencies

0.2.0

Minor Changes

  • #30756 1bfcde9828c - Adds a behavior option to the auto scroller. This allows for finer control over window and container scrolling precedence.

    type ScrollBehavior =
        | 'window-then-container'
        | 'container-then-window'
        | 'window-only'
        | 'container-only';
    • window-then-container: Attempt to scroll the window, then attempt to scroll the container if window scroll not possible
    • container-then-window: Attempt to scroll the container, then attempt to scroll the window if container scroll not possible
    • container-only: Only attempt to scroll the window
    • window-only: Only attempt to scroll the window

    Example:

    autoScroller.start({
      input: /* ... */,
      scrollBehavior: 'container-then-window'
    });

0.1.13

Patch Changes

  • Updated dependencies

0.1.12

Patch Changes

  • Updated dependencies

0.1.11

Patch Changes

  • Updated dependencies

0.1.10

Patch Changes

  • #28324 6455cf006b3 - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.

0.1.9

Patch Changes

  • Updated dependencies

0.1.8

Patch Changes

0.1.7

Patch Changes

0.1.6

Patch Changes

  • Updated dependencies

0.1.5

Patch Changes

  • Updated dependencies

0.1.4

Patch Changes

  • Updated dependencies

0.1.3

Patch Changes

  • Updated dependencies

0.1.2

Patch Changes

  • Updated dependencies

0.1.1

Patch Changes

  • Updated dependencies

0.1.0

Minor Changes

Patch Changes

  • Updated dependencies

0.0.1

Patch Changes