balloon mode에서 ctrl + a 했을때 툴팁 위치 조정 문의

[sso-hyun]

To make it easier for us to help you, please include as much useful information as possible.

Version

    "suneditor": "^2.47.0",
    "suneditor-react": "^3.6.1"

Additional context

suneditor.ctrlA.mov

안녕하세요. @JiHong88
에디터의 높이가 고정돼있고 전체선택 단축키(ctrl + a) 했을 때 balloon mode의 툴팁 위치 조정 방법에 대해 문의드립니다.
겪었던 현상은 마우스로 직접 텍스트 선택 스크롤을하면 커서가 머무는 지점에 툴팁이 뜨지만
전체선택 단축키를 눌렀을때 에디터 영역을 벗어나는 현상이 있습니다.

원하는 방향은 전체선택을 했을때엔 에디터 상단에 inline mode처럼 표현되었으면 좋겠습니다.

아래는 첨부해드린 영상에 대한 코드입니다.

import React, { useRef } from "react";

import SunEditor from "suneditor-react";
import SunEditorCore from "suneditor/src/lib/core";
import "suneditor/dist/css/suneditor.min.css";

const TEST = (props) => {
  const editor = useRef(SunEditorCore);

  const getSunEditorInstance = (sunEditor) => {
    editor.current = sunEditor;
  };

  const editorOptions = { 
    mode: 'balloon',
    buttonList: [["bold", "italic", "underline", "fontColor" ]],
    resizeEnable: false,
    tabDisable: true, // 탭 키로 다음 탭인덱스로 넘어감
    historyStackDelayTime: 0 // onChange가 느리게 반응하는 현상이 있어 줄여줌(default 400ms)
  }

  const handleChange = (e) => {

  }

  return (
    <div style={{ margin: '30px', width: '400px'}}>
      <SunEditor 
        getSunEditorInstance={getSunEditorInstance} 
        setOptions={editorOptions}
        height='150px'
        // placeholder={placeholder}
        placeholder={'sunEditor'}
        setContents={''}
        onChange={handleChange}
      />
    </div>
  );
};

export default TEST;

확인 부탁드리겠습니다.
감사합니다.