0

div 要素にフォーカスを設定しようとしています。そのため、ツール ヒント モーダルは、その要素にマウスを合わせる必要なくスクロールできます。問題は、リチャートのツールヒントにデータが多すぎて、次のグラフに溢れ出し、次のグラフのツールヒントがページのこぼれ。私の考えは、ツールチップに最大の高さを設定し、スクロールできるようにすることでした。

私が試したものはこちらです。

     <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 関数がトリガーされることはありません。

4

1 に答える 1

0

この要素を回避することなく、非フォーム要素にフォーカスすることはできません。focus( input, textarea) のフォーム要素を使用するか、サードパーティのcontenteditable反応コンポーネントをプロジェクトにアタッチすることができます: react-contenteditable、react-content-editable、または自分のcontenteditableコンポーネントをプロジェクトに vrite します。

于 2017-07-17T22:03:00.613 に答える