Проблемы настройки фокуса на элементе div

Question

Я пытаюсь установить фокус на элементе div, чтобы моя модальная подсказка была прокручиваемой без необходимости навести курсор мыши на этот элемент, проблема в том, что моя подсказка recharts содержит слишком много данных и выливается на следующий график, а следующая подсказка графика - разлив страницы. мое мышление было настроено на максимальную высоту на всплывающей подсказке и позволяло ее прокручивать.

вот что я пробовал.

     <div
      ref={ this.setFocus }
      onFocus={ this.handleFocus }
      className="custom-tooltip"
      styleName="custom-tooltip"
     >

и для моей функции setFocus

setFocus = (div) => {
 if(div !== null && this.props.active) {
  const myDiv = ReactDOM.findDOMNode(div) as HTMLDivElement;

  return myDiv.focus();
 }
}

моя функция onFocus никогда не срабатывает.

Answer 1

Вы не можете сфокусировать не элементы формы без каких-либо работ с этими элементами. Используйте элементы формы для фокуса (input, textarea), или вы можете прикрепить третье лицо contenteditable реагировать компоненты на ваш проект, как: реагировать-contenteditable, реагировать-контент-редактируемый или vrite самостоятельно contenteditable компонент для вашего объекта.