Focus on highlighted list item

Hi, I’m trying to focus on the highlighted list item when pressing the down or up arrow key. I use to have a long list of users to mention and I want to auto scroll the list down next to the highlighted item. I’ve tried to add this quill keyboard handler for down arrow but it didn’t work:

down: {
        key: 40,
        handler: function(range: any, context: any) {      
          const mentionListItem: any = document.querySelector('.ql-mention-list-item.selected');
          const focusList: any = findDOMNode(mentionListItem).nextSibling;
          // TODO: know how to focus list item
          mentionListItem.focus();
          return true;
        }
      }

I guess because we already return false to the downHandler function of quill-mention module? Is there a way we focus the item to scroll it down to the remaining items of the list? Like in this example .

[abelski21]

Got it. Thanks! Here’s my pull request #8

[MadSpindel]

@abelski21 You need to fork the branch first. Then you need to make a pull request from your branch to this master branch.