Releases: dflex-js/dflex
v2.10.1 - Add SSR Support
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 oftranslate
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
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:
- Original order: In the
DOM
tree. The original input order which appears when inspecting elements with dev tools. Stay the same. - 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.
With the new attribute you know which order is now on the user screen:
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.
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
You can see all changes in #293
v2.9.1 - Verify position after each operation
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.