Remove double @@ on selecting the mention from the suggestions list

[manisha351]

whenever I'm pressing @ Its opening the suggestion list but without giving additional space I had again write @ it should close the suggestion list and took both the @@ as the plain text just like we have same feature in linkedIn , facebook , github, etc.
Any Idea how can I fix that we are using the mentioned version .? @dabakovich @hyze2d

"react-native-controlled-mentions": "^3.0.0-alpha.4",

[dabakovich]

Hey @manisha351!

Is your issue still actual?

[tdammy92]

Having the same issues, @dabakovich any fix around this ?
when you have a mention before, and the @ button is pressed to insert another mentions its puts it before the previous mention.

according to the image there is already one mention, when you click to add another mention, it places it in the start of the string.

[tannguyen05]

@dabakovich @tdammy92
hey! Having the same issues any fix around this ?

[dabakovich]

Hey @manisha351 @tdammy92 @tannguyen05,

Thanks for your feedbacks and details!

Is the issue still actual for you? If yes — please share your code snippets, expected behavior and video recordings of the unexpected behavior.

[fullStackOasis]

I just tried to reproduce this issue using my project's demo code. I have my own simple version of the demo app with v3 of react-native-controlled-mentions.

I don't see GH #112 happening here. Note, I tried to attach an mp4 showing my manual attempt to reproduce this issue, but that's not allowed (perhaps because I'm not a member of this project). However, I can attach this screenshot. It shows how user mentions get appended directly one after another, not from the start of the TextInput.

Code snippet for my App.js:

    <KeyboardAvoidingView
      enabled={Platform.OS === 'ios'}
      behavior="padding"
      style={{ flex: 1, justifyContent: 'flex-end' }}>
      <SafeAreaView>
        <Suggestions {...triggers.mention} suggestions={users} />
        
        <Suggestions {...triggers.hashtag} suggestions={hashtags} />
        
        <TextInput
          {...textInputProps}
          autoFocus
          
          style={{
            padding: 12,
            fontSize: 18,
            borderTopWidth: 1,
            borderTopColor: 'lightgrey',
          }}
          placeholder="Type here..."
        />
      </SafeAreaView>
    </KeyboardAvoidingView>

You can check out my code if you want to try it.

[fullStackOasis]

@dabakovich I'm reading the initial description of this issue and trying to understand the steps to reproduce it:

whenever I'm pressing @ Its opening the suggestion list but without giving additional space I had again write @ it should close the suggestion list and took both the @@ as the plain text just like we have same feature in linkedIn , facebook , github, etc

I think @manisha351 means doing this:

1. Click the @ character and the list of suggestions pops up.
2. Do not choose anyone in the list.
3. Click the @ character again.
4. The list of suggestions should close, and two plain text characters should show in the input: "@@".
5. The bug is that the list of suggestions remains open.

I think @manisha351 is requesting that the react-native-controlled-mentions component should behave the way that "mentions" work in other apps. I just tried this process in Slack, for example, and the list of suggestions disappears when you hit the "@" character the second time. Like this:

In contrast, this is how react-native-controlled-mentions looks when tapping "@" twice. Notice the suggestions list remains open:

Caveat! I'm not really sure that I'm interpreting this correctly. The bug title and description are not clear.