diff --git a/Composer/packages/client/src/pages/language-generation/code-editor.tsx b/Composer/packages/client/src/pages/language-generation/code-editor.tsx index fabd5b42f1..4c535e8a3b 100644 --- a/Composer/packages/client/src/pages/language-generation/code-editor.tsx +++ b/Composer/packages/client/src/pages/language-generation/code-editor.tsx @@ -44,7 +44,7 @@ const CodeEditor: React.FC = props => { const hash = props.location?.hash ?? ''; const hashLine = querystring.parse(hash).L; - const line = Array.isArray(hashLine) ? +hashLine[0] : typeof hashLine === 'string' ? +hashLine : undefined; + const line = Array.isArray(hashLine) ? +hashLine[0] : typeof hashLine === 'string' ? +hashLine : 0; const inlineMode = !!template; const [content, setContent] = useState(template?.body || file?.content); @@ -69,7 +69,7 @@ const CodeEditor: React.FC = props => { }; useEffect(() => { - if (lgEditor && line !== undefined) { + if (lgEditor) { window.requestAnimationFrame(() => { lgEditor.revealLine(line); lgEditor.focus(); diff --git a/Composer/packages/client/src/pages/language-generation/table-view.tsx b/Composer/packages/client/src/pages/language-generation/table-view.tsx index 3765e83f7a..f9c049e468 100644 --- a/Composer/packages/client/src/pages/language-generation/table-view.tsx +++ b/Composer/packages/client/src/pages/language-generation/table-view.tsx @@ -39,6 +39,8 @@ const TableView: React.FC = props => { const activeDialog = dialogs.find(({ id }) => id === fileId); + const [focusedIndex, setFocusedIndex] = useState(0); + useEffect(() => { if (!file || isEmpty(file)) return; @@ -87,6 +89,7 @@ const TableView: React.FC = props => { toTemplateName: resolvedName, }; copyLgTemplate(payload); + setFocusedIndex(templates.length); }, [templates, file] ); @@ -229,6 +232,7 @@ const TableView: React.FC = props => { = props => { const hash = props.location?.hash ?? ''; const hashLine = querystring.parse(hash).L; - const line = Array.isArray(hashLine) ? +hashLine[0] : typeof hashLine === 'string' ? +hashLine : undefined; + const line = Array.isArray(hashLine) ? +hashLine[0] : typeof hashLine === 'string' ? +hashLine : 0; const inlineMode = !!intent; const [content, setContent] = useState(intent?.Body || file?.content); @@ -66,7 +66,7 @@ const CodeEditor: React.FC = props => { }; useEffect(() => { - if (luEditor && line !== undefined) { + if (luEditor) { window.requestAnimationFrame(() => { luEditor.revealLine(line); luEditor.focus();