nowely / marked-input Goto Github PK

Shortcut copy all (Ctrl + A) and text select not working with marked text.

Issue reproduction
Press the "ctrl" + "a" buttons on the empty container.

I want to get current caret position. For example, for the image below:

I would like to get cursor position 2 (0 being the initial cursor position, if text was empty)

Normally I would achieve using something like this:

const handleOnClick = () => {
   if (inputRef.current && inputRef.current.inputRef) {
        const { selectionStart, selectionEnd } = inputRef.current.inputRef;
        console.log('Selection Start:', selectionStart);
        console.log('Selection End:', selectionEnd);
   }
 }
 <MarkedInput
        ref={inputRef}
        Mark={RemovableMark}
        value={value}
        onChange={onChange}
      />

But inputRef doesn't jave current inputRef, so I can't use selectionStart and selectionEnd.

Markup tags not getting added after new line is added

Steps to reproduce

1. Add new line by hit enter button and type some text.
2. Type trigger text (in my case {{ ). It shows suggestion overlay.
3. From overlay when user click suggestion i've called select to add markup
   const { select } = useOverlay(); .... .... select({label:"some-label", "value":"some-value"})

Version Used
rc-marked-input: 3.0.1

Reference

My markup is going all to the right of my text area, like the video shows. I used the same model as the example:
https://codesandbox.io/s/configured-marked-input-forked-4svlb7?file=/src/Button.tsx

But the behavior is like the video and not like the example (expected behavior). What can be going wrong? Since I used the same elements, I expected similar behaviour. Thank you!

I would like to have them in between my text, like this: