react-mentions icon indicating copy to clipboard operation
react-mentions copied to clipboard

Highlighter position is not correct in scroll container

Open dodoto opened this issue 3 years ago • 4 comments

Steps to reproduce:

  1. input content and container scrollable
  2. @ to add user

Expected behaviour:

Observed behaviour: highlight Workaround:

dodoto avatar Aug 25 '22 09:08 dodoto

try 4.4.6, it worked well.

prabath0061 avatar Aug 31 '22 10:08 prabath0061

4.4.6 works fine, but 4.4.7 again spoils it.

maciejregula avatar Sep 13 '22 08:09 maciejregula

I also encountered the problem and I found that it was because :

  1. the position of .__highlight element is not the same as the position of .__input element
  2. the font used in .__highlight and .__input elements are different. For example the font is bold in highlight part but is normal in .__input.

Hope this can help you.

wangsy503 avatar Nov 10 '22 21:11 wangsy503

I also encountered the problem and I found that it was because :

  1. the position of .__highlight element is not the same as the position of .__input element
  2. the font used in .__highlight and .__input elements are different. For example the font is bold in highlight part but is normal in .__input.

Hope this can help you.

This works for me.thanks

Ronaldo-C avatar Mar 05 '24 16:03 Ronaldo-C