Skip to content

Events doesn't correct if add draggable prop #36

@bavrr

Description

@bavrr

I got something like

VirtualList.taxonomy-list__scroller(
         v-model="visibleTree"
          :data-key="'id'"
          draggable=".taxonomy-list__group"
          :fallback-on-body="true"
          :group="'taxonomy'"
          :keeps="50"
          :size="36"
          @drag="onDrag"
          @drop="onDrop"
        )
          template(#item="{record}")
            TaxonomyTaxonomy.taxonomy-list__group(
              v-if="record.parent_id === null && !record.special"
              :taxonomy="record"
            )
            TaxonomyTaxon(
              v-else-if="!record.special"
              :is-opened="expandedTaxonomyKeys.has(record.id)"
              :taxon="record"
            )
            TaxonomyWithout.taxonomy-list__group(
              v-else
              :taxon="record"
            )

With prop draggable=".taxonomy-list__group" i can drag correct items, but index is always -1, key = null, item = undefined (tested for onDrag and onDrop)
image

DOM structure:
image

If i remove this prop, all would be work correctly.
image
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions