Focused cell not loading with custom class on scroll bar drag?

Posted by: hareesh.korukoppula on 12 January 2023, 7:51 pm EST

  • Posted 12 January 2023, 7:51 pm EST

    Here it is the scenario, I have created the the component with input and button tags, this component has rendered in two columns of wjmo grid.

    When I focus on a cell and if drag the scroll(right click on vertical scroll and drag it) top and bottom, the component inside focused cell got missed, rather showing default cell editor.

    Can some one help me here?

  • Posted 16 January 2023, 4:45 pm EST

    Hello,

    Sorry for the delayed response, we couldn’t understand the issue properly. Could you please share a small sample replicating the issue along with the steps to replicate it on our end so that we can investigate further and assist you accordingly?

    Regards

  • Posted 17 January 2023, 9:41 pm EST - Updated 17 January 2023, 9:57 pm EST

    Hi Sonu,

    Lets assume a custom cell template(a cell may be customized with input and button controls) in wijmo grid.



    I have created a component called custom-component which renders input and button controls, I have created each cell in the grid with custom-component.

    Now if we keep focus on any of the cell and when we drag the scroller from top to bottom or vice versa the focused cell lasting the custom-component(I mean the component has input and button controls, those are vanishing).

    However if I scroll by mouse or touch pad it working fine, but if I drag the scroller(I have marked in the above image, dragged top and bottom) the controls are missing in cellType= “cell”. Please find the below screen.



    The cell, which has focus got missed button(down arrow) and customized **input **control and replaced by the default cell edit mode.

  • Posted 18 January 2023, 4:47 pm EST

    Hello,

    We apologize but we are unable to replicate the issue at our end, could you please refer to the below sample used to replicate the issue and let us know if any changes are required to replicate the issue at our end?

    If you are facing the issue only in your application and not in the below-shared sample, it might be possible that the issue is caused due to some other factors in your application therefore I would request you to please share a small sample replicating the issue.

    Sample link: https://stackblitz.com/edit/angular-nudrjx?file=src%2Fapp%2Fapp.component.html

    If your resources are private and you can’t share them here then you may create a ticket on our private support portal and share the resources there

    https://www.grapecity.com/my-account/my-support

    Regards

  • Posted 18 January 2023, 6:55 pm EST

  • Posted 19 January 2023, 5:06 pm EST

    Hello,

    As per our understanding, you are facing the issue of the custom editor cell entering into edit mode, as you have implemented your own custom dropdown selector you want to show that always instead of grid’s default cell editor, if so then you may set the isReadOnly property of that column to true as shown in the below sample link:

    https://stackblitz.com/edit/angular-ug5rxs?file=src%2Fapp%2Fapp.component.html

    If your issue differs from this, you may share some details with steps to replicate the issue for further investigation.

    Regards

Need extra support?

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

Learn More

Forum Channels