Changelog History
Page 1
-
v4.4.5 Changes
April 26, 2022- ๐ Fix:
grid
prop unused inhandleDragStop
#621 - ๐ Fix:
children
prop missing in TypeScript definition #648 - โก๏ธ Internal: Various devDep updates
- ๐ Fix:
-
v4.4.4 Changes
August 27, 2021- ๐ Fix: Ensure
documentElement.style
actually exists. Fixes crashes in some obscure environments. #574 #575 - ๐ Fix: Add react/react-dom as
peerDependencies
again to fix Yarn PnP - Size: Replace
classnames
withclsx
to save a few bytes - โ
Internal: Additional tests on
ref
functionality and additional README content onnodeRef
- โก๏ธ Internal: Lots of devDependencies updates
- ๐ Docs: Various README and demo updates, see git commits
- ๐ Fix: Ensure
-
v4.4.3 Changes
June 08, 2020- โ Add
nodeRef
to TypeScript definitions
- โ Add
-
v4.4.2 Changes
May 14, 2020- ๐ Fix: Remove "module" from package.json (it is no longer being built)
- Fixes #482
- ๐ Fix: Remove "module" from package.json (it is no longer being built)
-
v4.4.1 Changes
May 12, 2020- ๐ Fix: Remove "module" definition in package.json
- Giving up on this: there isn't a great reason to publish modules here as they won't be significantly tree-shook, and it bloats the published package.
- Fixes incompatiblity in 4.4.0 with webpack, where webpack is now selecting "module" because "browser" is no longer present.
- ๐ Fix: Remove "module" definition in package.json
-
v4.4.0 Changes
May 12, 2020- โ Add
nodeRef
:- If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
Unfortunately, in order for
<Draggable>
to work properly, we need raw access to the underlying DOM node. If you want to avoid the warning, pass anodeRef
as in this example:js function MyComponent() { const nodeRef = React.useRef(null); return ( <Draggable nodeRef={nodeRef}> <div ref={nodeRef}>Example Target</div> </Draggable> ); }
This can be used for arbitrarily nested components, so long as the ref ends up pointing to the actual child DOM node and not a custom component. Thanks to react-transition-group for the inspiration.
nodeRefis also available on
`.
- If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
Unfortunately, in order for
โ Remove "browser" field in "package.json":
- There is nothing special in the browser build that is actually practical for modern use. The "browser" field, as defined in https://github.com/defunctzombie/package-browser-field-spec#overview, indicates that you should use it if you are directly accessing globals, using browser-specific features, dom manipulation, etc.
React components like react-draggable are built to do minimal raw DOM manipulation, and to always gate this behind conditionals to ensure that server-side rendering still works. We don't make any changes to any of that for the "browser" build, so it's entirely redundant.
This should also fix the "Super expression must either be null or a function" error (#472) that some users have experienced with particular bundler configurations.
The browser build may still be imported at "build/web/react-draggable.min.js". This is to prevent breakage only. The file is no longer minified to prevent possible terser bugs.
- The browser build will likely be removed entirely in 5.0.
๐ Fix: Make
bounds
optional in TypeScript #473
- โ Add
-
v4.3.1 Changes
April 11, 2020๐ > This is a bugfix release.
- Happy Easter!
- ๐ Fixed a serious bug that caused
<DraggableCore>
not to pass styles.React.cloneElement
has an odd quirk. When you do:js return React.cloneElement(this.props.children, {style: this.props.children.props.style});
,style
ends up undefined.
- ๐ Fixed a bug that caused debug output to show up in the build.
babel-loader
cache does not invalidate when it should. I had modified webpack.config.js in the last version but it reused stale cache.
-
v4.3.0 Changes
April 10, 2020- ๐ Fix setState warning after dismount if drag still active. Harmless, but prints a warning. #424
- ๐ Fix a long-standing issue where text inputs would unfocus upon dismounting a
<Draggable>
.- Thanks @schnerd, #450
- ๐ Fix an issue where the insides of a
<Draggable>
were not scrollable on touch devices due to the outer container havingtouch-action: none
.- This was a long-standing hack for mobile devices. Without it, the page will scroll while you drag the element.
- The new solution will simply cancel the touch event
e.preventDefault()
. However, due to changes in Chrome >= 56, this is only possible on non-passive event handlers. To fix this, we now add/remove the touchEvent on lifecycle events rather than using React's event system. - #465
- ๐ Upgrade devDeps and fix security warnings. None of them actually applied to this module.
-
v4.2.0 Changes
December 02, 2019 -
v4.1.0 Changes
October 25, 2019- โ Add
"module"
topackage.json
. There are now three builds:"main"
: ES5-compatible CJS build, suitable for most use cases with maximum compatibility.- For legacy reasons, this has exports of the following shape, which ensures no surprises in CJS or ESM polyfilled environments:
js module.exports = Draggable; module.exports.default = Draggable; module.exports.DraggableCore = DraggableCore;
"web"
: Minified UMD bundle exporting towindow.ReactDraggable
with the same ES compatibility as the "main" build."module"
: ES6-compatible build using import/export.
This should fix issues like https://github.com/STRML/react-resizable/issues/113 while allowing modern bundlers to consume esm modules in the future.
No compatibility changes are expected.
- โ Add