diff --git a/Composer/packages/extensions/obiformeditor/src/Form/fields/RecognizerField/InlineLuEditor.tsx b/Composer/packages/extensions/obiformeditor/src/Form/fields/RecognizerField/InlineLuEditor.tsx index 339940ff46..39f8922c4b 100644 --- a/Composer/packages/extensions/obiformeditor/src/Form/fields/RecognizerField/InlineLuEditor.tsx +++ b/Composer/packages/extensions/obiformeditor/src/Form/fields/RecognizerField/InlineLuEditor.tsx @@ -19,8 +19,8 @@ const InlineLuEditor: React.FC = props => { }; return ( -
- +
+
); }; diff --git a/Composer/packages/extensions/obiformeditor/src/ObiFormEditor.tsx b/Composer/packages/extensions/obiformeditor/src/ObiFormEditor.tsx index 8b3bc303d5..032fdaf9af 100644 --- a/Composer/packages/extensions/obiformeditor/src/ObiFormEditor.tsx +++ b/Composer/packages/extensions/obiformeditor/src/ObiFormEditor.tsx @@ -1,7 +1,8 @@ import React from 'react'; import ErrorBoundary, { FallbackProps } from 'react-error-boundary'; import { MessageBar, MessageBarType } from 'office-ui-fabric-react'; -import { debounce } from 'lodash'; +import debounce from 'lodash.debounce'; +import get from 'lodash.get'; import { FormEditor, FormEditorProps } from './FormEditor'; @@ -32,9 +33,10 @@ const ObiFormEditor: React.FC = props => { }; const debouncedOnChange = debounce(onChange, 750); + const key = get(props.data, '$designer.id', props.focusPath); return ( - + ); diff --git a/Composer/packages/lib/code-editor/src/BaseEditor.tsx b/Composer/packages/lib/code-editor/src/BaseEditor.tsx index b696f71660..ac3fa29fd8 100644 --- a/Composer/packages/lib/code-editor/src/BaseEditor.tsx +++ b/Composer/packages/lib/code-editor/src/BaseEditor.tsx @@ -41,6 +41,9 @@ export function BaseEditor(props: BaseEditorProps) { requestAnimationFrame(() => { setRect({ height, width }); }); + } else if (height + width === 0) { + // try again + setTimeout(updateRect, 50); } } }, 0);