Skip to content

Enable DOM reconciliation for transformed elements #573

Merged
jalal246 merged 5 commits intomainfrom
dev/wip_8_21
Sep 9, 2022
Merged

Enable DOM reconciliation for transformed elements #573
jalal246 merged 5 commits intomainfrom
dev/wip_8_21

Conversation

@jalal246
Copy link
Member

@jalal246 jalal246 commented Aug 21, 2022 •
edited
Loading

  • Fix a rare bug that happens when the element is dragged and returned to the exact same position, which causes an error in the element branch, and dragged position remains empty ["", id-1, id-2, id-3].
  • Fix a bug caused by dynamic visibility. Resizing the window triggers the visibility callback function and if dynamicVisiblilty=false then the function throws an error because instances are not defined.
  • Use abstract for axes point.
  • Move to the box model for more consistent geometry.
  • Add different positions for different types of dragging.
  • Support interactivity between scroll containers by allowing custom mirroring the dragged when necessary.
  • Update listener(s) allowing them to be attached to scroll containers with overflow even if they are not dynamic.
  • Initialize scroll threshold depending on the depth layer instead of the targeted container.
  • Flushing element indicators without checking the DOM state leaning more into DOM & VDOM instances.
  • Unify listeners system with payload and status.
  • Add keyboard listener to the playground app to enable commit for testing.
  • Add DFlex Cycle as a global migration holder inside the store.
  • Add DFlex Session to manage user interactivity with the DFlex app.
  • Manage reconciliation by using SK (containers key) inside Cycle. So the reconciliation only targets the affected container(s),
  • Add options for committing changes to the DOM. Users still have the ability to transform the elements indefinitely but in some cases, apps need to commit after each cycle. This feature is now enabled with embedded reconciliation that targets only affecting elements in their containers. This feature makes DFlex the first drag-and-drop framework with its own reconciler and the first one that gives the user multiple options for indefinite transformation or committing to the DOM when necessary.

@jalal246 jalal246 changed the title Support interactivity between scroll containers Enable DOM reconciliation for transformed elements Sep 6, 2022
@jalal246 jalal246 merged commit 8ddc126 into main Sep 9, 2022
@jalal246 jalal246 deleted the dev/wip_8_21 branch September 9, 2022 20:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

Action 🚨 Core DnD documentation 📄 Dom-Gen Draggable-only Store Test 🧪 Utils

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@jalal246