Ionic /Angular アプリケーション ( Android ) のページに署名パッドとtinymce エディターがあります。どちらも正常に動作しています。しかし、私は奇妙な問題に直面しています。tinymce エディターにフォーカスがあると、キーボードが表示されます。今、キャンバスをクリックすると、キーボードがまだ開いていて、tinymce エディターがまだフォーカスされています。

私のhtmlコード:

試行 1:

このリンクは、Canvas 要素はデフォルトではフォーカス可能ではないことを示しています。だから、私は以下のコードを使用してキャンバスにフォーカスを与えようとしました:

ただし、キーボードはまだそこにあり、tinymce エディターがフォーカスを保持しています。

試行 2:

次に、以下のコードを使用して、署名パッドのキャンバスにフォーカスを当てるのではなく、tinymce エディターのフォーカスを外そうとしました。

これは機能します。キーボードを閉じます。しかし、キーボードを閉じるとページが押し下げられ、キャンバスに指が入っているため、予期しない描画が行われています。

キャンバスにフォーカスを与える他の方法はありますか?