作成日: 2024/12/27 最終更新日: 2024/12/27
文書種別
制限事項
発生環境
Vue
状況
回避方法あり
詳細
v-dialog(VuetifyライブラリのDialogコンポーネント)内にWijmoコントロールを配置すると下記の動作となります。
- InputDateを配置した場合、ドロップダウンをクリックするとダイアログ内の先頭にあるコントロールにフォーカスが移動します。
- FlexGridでInputDateをエディタとして設定してv-dialogに配置した場合、InputDateで日付や月を選択しても変更することができません。
v-dialogでは、デフォルトでダイアログ内のコンテンツにフォーカスを強制します。
また、IinputDateコントロールのドロップダウンは、ホスト要素の外側で開きます。
そのため、ドロップダウンをクリックするとDialogコンポーネントがコンテンツにフォーカスを強制します。これにより、上記のような動作となります。
回避方法
retain-focusオプションにfalseを設定します。
<v-dialog v-model="dialogFlg" max-width="700" persistent :retain-focus="false">