Content Editable Div not working properly inside wj-flex-grid-column

Posted by: luis.villegas on 16 February 2022, 1:08 am EST

  • Posted 16 February 2022, 1:08 am EST

    Hi, posting this in discussion as ticket answer is pending and hoping this helps too.

    While developing an application in angular ,we’ve identified that we’ve are not being able to properly click inside element’s editable content when placed inside a wijmo grid column. This is not working in Chrome and Edge, but works properly in IE.

    Whenever adding content first time it’s fine, but once clicking out and try to click once again on any line of the content cursor won’t activate, will sometimes place only at the end of first line when clicking in front of it.

    Is this a bug or is there a way to make this work? We’re using content editable instead of wijmo column edit feature as it’s part of a child component.

    So for example in this code after adding content to div we won’t be able to click to get cursor to appear in the right line:

    
    <wj-flex-grid>
    
    <wj-flex-grid-column>
    
    <div contenteditable="true"></div> 
    
    </wj-flex-grid-column>
    
    </wj-flex-grid> 
    
    

    Thanks in advance, Luis V.

  • Posted 21 February 2022, 6:00 pm EST

    Hi Luis,

    I have replied to your support case on the link below:

    https://www.grapecity.com/my-account/my-support/case/CAS-29018-S5J6Q5

Need extra support?

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

Learn More

Forum Channels