Cursor position while dragging cards

[Michel]

We want to customize the cursor position on dragging a card

Like this solution: https://www.syncfusion.com/forums/174104/the-cursor-position-when-we-drag-an-item

We tried to implement it but it's not working because it's for other platform (not react)

Do you have any solution for re

[Buvana Sathasivam]

Hi Michel,

Greetings from Syncfusion support.

If you wish to maintain the cursor in the same position when dragging the card, you can use enableTailMode like in the below sample and code using React.

index.js

 kanbanObj;

 isInitialRender = true;

 

  OnCardRendered(args) {

    if (!this.isInitialRender) {

      args.element.ej2_instances[0].enableTailMode = false;

    }

  }

  OnDataBound() {

    if (this.isInitialRender) { // For initial rendering alone

      let card = this.kanbanObj.element.querySelectorAll('.e-card');

      for (var j = card.length - 1; j >= 0; j--) {

        card[j].ej2_instances[0].enableTailMode = false;

      }

      this.isInitialRender = false;

    }

  }

 render() {

    return (

          <div className="control-wrapper">

            <KanbanComponent

              ref={(kanban) => {

                this.kanbanObj = kanban;

              }}

              dataBound={this.OnDataBound.bind(this)}

              cardRendered={this.OnCardRendered.bind(this)}

            >

            </KanbanComponent>

          </div>

    );

  }

Sample: https://stackblitz.com/edit/react-cwcdgm?file=index.js,index.html

We have already considered "Cursor position is not maintained when drag the card" as an improvement feature request from our end. This support will be included in any one of our upcoming releases.

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/33737/cursor-position-not-maintained-when-drag-the-card

Regards,

Buvana S