CollectionView.addNew() FlexGrid scrolling bug

Posted by: abnviera on 12 September 2021, 9:08 am EST

  • Posted 12 September 2021, 9:08 am EST

    Hi.

    I'm using Wijmo FlexGrid with Vue2 and Bootstrap 4.

    The FlexGrid is linked to a CollectionView. So when I use CollectionView.addNew method, the item is added succesfully to FlexGrid, but grid moves the scroll incorrectly if the item is added at the end of the grid with vertical scrollbar.

    I think the method scrolls to the end minus row size.

    Image asset:
    https://ibb.co/qxkRZrx

    Thank you.
  • Replied 13 September 2021, 12:29 am EST

    Hello,

    We apologize, but we are unable to replicate the issue at our end. Could you please provide a sample replicating the issue?

    As per our understanding, the issue might occur because of some styling, so investigating the sample would help us to help you better.

    Regards
  • Replied 15 September 2021, 12:55 pm EST

    Hello,

    Here is a sample of the issue: https://jsfiddle.net/pkrzwd4y/

    The issue appears when the last row is selected then add new item using function addNew().

    Regards.

  • Replied 15 September 2021, 7:44 pm EST

    Hello,

    This seems to be a bug, we have escalated the issue to the Dev team for further investigation with an internal tracking id WJM-20914. We will let you know as soon as we get any updates on this.

    Meanwhile, as a workaround, you can call the scrollIntoView method of FlexGrid on collectionChannged event of CollectionView to set the last added item into the view range. Please refer to the sample link below demonstration the same:

    https://jsfiddle.net/0upvd7sc/2/

    Regards
    Sonu Kumar Pandey

  • Replied 16 September 2021, 1:26 pm EST

    Thanks for understanding. I am going to implement scrollIntoView.
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels