Skip to content

Releases: dflex-js/dflex

v2.10.1 - Add SSR Support

25 Jul 09:35
Compare
Choose a tag to compare

Add new support to SRR #294

  • Previously, DFlex yields an error when running in SSR. This release enables DFlex to check the environment before running and invokes listeners when running on the client-side.
  • Use translate3d instead of translate to enhance performance as it's recommended.
  • Add auto cleanup function to remove listeners and fix binding reference.
  • Add scroll values to elements offset and always use absolute position calculations.

v2.10.0 - Optimize elements overflow interactivity

23 Jul 09:09
Compare
Choose a tag to compare

Add ability to know transformation order related to elements' appearance on the screen

Done with adding custom dataset data-index which refers to element order inside rendering list after the transform is calculated.

We have now two orders:

  1. Original order: In the DOM tree. The original input order which appears when inspecting elements with dev tools. Stay the same.
  2. Visual order: happens after transformation. The order which appears on the screen. With data-index we can now know the order of elements in the visual list.

order

With the new attribute you know which order is now on the user screen:

image

Transformation is related to the element visibility

Previously, the transformation scale was covering all affected elements. Worked
fine with a limited amount of elements. But to enable dealing with a tremendous
amount of elements, the transformation is now related to the viewport.

Now, no matter how many elements are affected, DFlex only transforms elements on
the screen. Elements outside the viewport are triggered to a new position when
they are visible.

visibileOnScreen

To enhance interactivity performance, DFlex does all calculations related to
element positions behind the scene and only apply them when elements are on the screen.

Remove the selection from the entire document when starting dragging

removeSelection

You can see all changes in #293

v2.9.1 - Verify position after each operation

17 Jul 16:36
Compare
Choose a tag to compare

Enhance verify positions #291:

  • Fix checking for position to start from 0 instead of 1.
  • Dynamically calls sibling boundaries inside Draggable instead of passing it as an argument.
  • Verify with the value that existed in sibling boundaries to make sure the element is still inside without any layout shift.
  • Verify without calling animation listener. Make it even faster, with a zero delay.

v2.9.0 - Check & Verify

16 Jul 15:54
Compare
Choose a tag to compare

Add fallback to core-instance enforcing logical changes to the active list #285.

A new mechanism to check incoming changes that could prevent undoing. This step allows more accurate calculations and contains errors to one process instead of the old approach which is led to cascading the errors.

Verify positions before confirming operation final transition #288.

Additional functionality check that's done before confirming the final transformation. Comparing the minimum - one value from the active list in the DFlex Store with the actual position as it's painting in the browser.

Prevent unnecessary re-assigning position index #287.

Miniro change restricts access to the core-instance when it's not necessary.

v2.8.0 - Working on large set of registered elements

14 Jul 11:32
7bc8d51
Compare
Choose a tag to compare

Add drag & loops animated frames (#284).

Add 1k extended rows to DnD playground (#279).

Unify Draggable opts with DnD (#285).

Add description to packages (#278)

v2.7.2 - Internal patches

05 Jul 04:46
Compare
Choose a tag to compare

Update test dependencies with docs patches (#274)

Add lerna changelog (#275)

Refactor demo design & migrate to TS in dnd playground (#277)

Fix DnD/Draggable input interface (#276)