react-mentions
react-mentions copied to clipboard
Highlighter position is not correct in scroll container
Steps to reproduce:
- input content and container scrollable
- @ to add user
Expected behaviour:
Observed behaviour:
Workaround:
try 4.4.6, it worked well.
4.4.6 works fine, but 4.4.7 again spoils it.
I also encountered the problem and I found that it was because :
- the position of
.__highlightelement is not the same as the position of.__inputelement - the font used in
.__highlightand.__inputelements are different. For example the font is bold in highlight part but is normal in.__input.
Hope this can help you.
I also encountered the problem and I found that it was because :
- the position of
.__highlightelement is not the same as the position of.__inputelement- the font used in
.__highlightand.__inputelements 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