search

signavio / react-mentions

@mention people in a textarea
https://react-mentions.vercel.app
Other
2.4k stars 560 forks source link

Multiline (Scrollable): Suggestions are not directly below the input cursor/insertion caret when inside another component (present in the react-mentions vercel app) #710

Open dmdum opened 11 months ago

dmdum commented 11 months ago

Steps to reproduce:

  1. Open the react-mentions vercel app: https://react-mentions.vercel.app/
  2. Go to the Suggestion portal example section.
  3. Use the second input. Press enter 5 (or more) times.
  4. Press @ to open the suggestions.

Alternatively, you can open this reproduction link in stackblitz and proceed to step 3 above.

Expected behaviour: The suggestions should still be directly under the input cursor/insertion caret.

Observed behaviour: The suggestions have moved further down, as if the input was not scrollable. The top property was not calculated properly. image

Workaround: None so far

dmdum commented 11 months ago

@jfschwarz @frontendphil sorry to blatantly tag you guys like this, but is this just a style issue? Is there a workaround I can do for this?

frontendphil commented 11 months ago

Hey! Sorry but both Jan and I don't work for signavio anymore. We also can't actively contribute to this repo anymore for the same reason.

dmdum commented 11 months ago

Hey! Sorry but both Jan and I don't work for signavio anymore. We also can't actively contribute to this repo anymore for the same reason.

Oh I see, thanks for taking the time to reply.

miguelgpsp commented 4 months ago

@dmdum did you find any solution for this?

dmdum commented 4 months ago

@dmdum did you find any solution for this?

Sorry for the extremely late reply. Unfortunately, no, I have not.