作成日: 2022/03/14 最終更新日: 2023/02/17
文書種別
制限事項
状況
回避方法あり
詳細
React Material UI（MUI）のDialogコンポーネント内にコントロールを配置するとテキストの編集ができません。
React Material UI Dialogコンポーネントではフォーカスをデフォルトでトラップするため、Wijmoの正しい動作を妨げてしまいます。
例１
React Material UIのDialogコンポーネント内に、FlexGridFilterを設定したFlexGridを配置します。
この時、FlexGridFilterの検索ボックスにテキストを入力することができません。
例２
React Material UIのDialogコンポーネント内に、データマップを定義したFlexGridを配置します。
この時、ドロップダウンリストからマウスでクリックして選択することができません。
回避方法
DialogコンポーネントにdisableEnforceFocus = trueを設定します。
<Dialog onClose={handleClose} open={open} disableEnforceFocus>