I have issues with Editor text box.

[roopeshkurian]

Describe the bug

In the text editor cursor cannot be moved. But if we use arrow keys from the keyboard we can move the cursor. The entire text is always being selected when we use the mouse.

Reproduction

I am referring to your online example
https://ghiscoding.github.io/Angular-Slickgrid/#/editor

I am trying to edit City of Orgin.
When I double-click on "Boston, MA, United States" the entire text is being selected. I am not able to move the cursor between the letters or words. But if I use arrow keys on the keyboard the cursor can be moved.

Expectation

In the editor text box, I should be able to move the cursor and make edits to the text.

Environment Info

Angular 16.2.12
angular-slickgrid 6.4.0
TypeScript 5.1.6
Browser Mozilla Firefox.
System Windows 11

Validations

• Follow our Code of Conduct
• Read the HOWTO - Step by Step.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[ghiscoding]

The entire text is selected so that the user can change the text without asking the user to select it by himself which would be too many steps. This is a normal behavior while editing in a grid and is used by other editor (i.e. text, longText, ...), the user simply needs to use the arrow key or click at the end of the text to remove the text focus.

This is normal behavior and I don't want to change it and I don't see any issue here, this is what everyone does in the industry. I will close this issue, unless you provide more details that describe a real problem which I don't see here

[roopeshkurian]

Could you kindly watch the video provided in the link below ?

https://watch.screencastify.com/v/oWQyhExOUiYPa1ReVa0i

I could use a mouse click and insert content in between. Or I can select a particular word and then delete only that word.

Can you please check the video below

https://watch.screencastify.com/v/rrkn1ZS4o5Usv64lMiyw

In your example, I cannot select a word or focus between words.

I was able to accomplish it by using the composite editor.

https://ghiscoding.github.io/Angular-Slickgrid/#/composite-editor

I will try to use it ..

Thank you so much for your help.
Sorry for the trouble

[ghiscoding]

this was hard to troubleshoot, I think I found the problem in the SlickCellRangeSelector which was cancelling the event bubbling and by doing so was breaking some behavior like clicking inside the editor. I have a fix in Slickgrid-Universal PR.

For reference SlickCellRangeSelector is called by SlickCellSelectionModel which is used when using RowMoveManager (enableRowMoveManager) or when using SlickCellExcelCopyManager (enableExcelCopyBuffer) which is what is enabled in Example 3. So I guess you have enableExcelCopyBuffer set to true, if you disable it then I guess editors will work correctly. A new version should come in the next few days with the fix.

I just confirmed that the Example 3 issue is caused by enableExcelCopyBuffer, you can disable that flag for a temporary fix or wait for the next version release which should be this weekend or around

[roopeshkurian]

I am glad that we found the issue. Thank you so much for solving it.