Socket
Socket
Sign inDemoInstall

angular-drag-and-drop-lists

Package Overview
Dependencies
0
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

2.1.0

Diff

marcelj
published 2.0.0 •

Changelog

Source

2.0.0 (2016-12-25)

Changes

There have been some major changes to how the directive works internally, although these changes should not affect users of the library.

  • Simpler placeholder positioning algorithm: The logic for placeholder positiong is unchanged, i.e. the placeholder will be placed after an element if the mouse cursor is in the second half of the element it is hovering over, otherwise it is placed before it. However, the implementation of this algorithm was massively simplified by using getBoundingClientRect. As a result, developers are no longer required to have position: relative on the list and list item elements.
  • New dataTransfer algorithm: The directive now uses custom mime types in modern browsers, and falls back to using Text in non-standard comform browsers. As a result, dragged elements can no longer be dropped into arbitrary input fields. More details on how this works can be found in the design document. Breaking change: As mime types are used, all dnd-type attributes are automatically converted to lower case.
  • Internal test infrastructure: The mocks used for drag and drop events in unit tests are now much nicer.

Tested browsers

  • Chrome 55 (Mac, Ubuntu & Windows 10)
  • Firefox 50 (Ubuntu)
  • Safari 10 (Mac)
  • Microsoft Edge 20 (Windows 10)
  • Internet Explorer 11 (Windows 10)
  • Internet Explorer 9 (Windows Vista)
marcelj
published 1.4.0 •

Changelog

Source

1.4.0 (2016-02-06)

Features

  • dnd-handle directive: This directive can be used in combination with dnd-nodrag, so that a dnd-draggable can only be dragged by using certain handle elements. Demo
  • dnd-drop can handle insertion: The dnd-drop callback can now return true to signalize that it will take care of inserting the dropped element itself. dnd-list will then no longer insert any elements into the list, but will still call the dnd-inserted callback.

Bug Fixes

  • Fix dnd-disable-if on dnd-draggable: When you disabled a dnd-draggable with dnd-disable-if, the user was still able to trigger a drag of that element by selecting some text inside the element. (issue #159)
  • dnd-list now handles the dragenter event: According to the HTML5 standard dropzones need to handle the dragenter event, although there doesn't seem to be any browser that enforces this. (issue #118)

Tested browsers

  • Chrome 48 (Mac, Ubuntu & Windows 10)
  • Firefox 44 (Ubuntu)
  • Safari 9 (Mac)
  • Microsoft Edge 20 (Windows 10)
  • Internet Explorer 11 (Windows 10)
  • Internet Explorer 10 & 9 in compatibility mode (Windows 10)
anthonyl
published 1.3.2 •

anthonyl
published 1.3.0 •

Changelog

Source

1.3.0 (2015-08-20)

Features

  • New callbacks: dnd-dragend, dnd-canceled and dnd-inserted.
  • Custom placeholder elements: dnd-list elements can have custom elements by creating a child element with dnd-placeholder class. This is useful for cases where a simple li element is not sufficient.
  • dnd-nodrag directive: This directive can be used inside dnd-draggable to prevent dragging certain areas. This is useful for input elements inside the draggable or creating handle elements.

Bug Fixes

  • Fix user selection inside dnd-draggable: The selectstart event is no longer cancelled.
  • Fix click handler compatibility: Propagation of click events is now only stopped if the dnd-selected attribute is present.
  • Fix IE9 glitch: Double clicks in IE9 previously would trigger the dnd-moved callback, and therefore remove items accidentially. (issue #21)

Tested browsers

  • Chrome 43 (Win7)
  • Chrome 44 (Ubuntu)
  • Chrome 44 (Mac)
  • Firefox 40 (Win7)
  • Firefox 39 (Ubuntu)
  • Safari 8.0.8 (Mac)
  • Internet Explorer 11 (IE9 & 10 in compatibility mode)
christydennison
published 1.2.3 •

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc