Fixed/min height textarea causes mentions list placement issue

nth-cloud / ng-mentions

Rich Mentions Component for Angular

http://nth-cloud.github.io/ng-mentions

MIT License

12 stars 12 forks source link

Fixed/min height textarea causes mentions list placement issue #4

Closed trickeyone closed 5 years ago

trickeyone commented 5 years ago

textarea {
    width: 100%;
    min-height: 155px;
    padding: 10px 14px;
    line-height: 1.3em;
    resize: none;
}

<textarea rows="1" cols="20"></textarea>

Using min-height appears to be causing an issue with the placement of the mentions list. It appears about 60px too low when the textarea has scrollable text.