Restore original focus after hitting publish button

This commit is contained in:
Thomas Nordquist
2020-04-16 00:40:22 +02:00
parent 237c718a0a
commit 5203d40a24

View File

@@ -157,9 +157,23 @@ const PublishButton = (props: { publish: () => void }) => {
[props.publish]
)
const onFocus = useCallback(
(e: React.FocusEvent<HTMLElement>) => {
(e.relatedTarget as HTMLElement|null)?.focus()
},
[]
)
return useMemo(
() => (
<Button variant="contained" size="small" color="primary" onClick={handleClickPublish} id="publish-button">
<Button
variant="contained"
size="small"
color="primary"
onClick={handleClickPublish}
onFocusCapture={onFocus}
id="publish-button"
>
<Navigation style={{ marginRight: '8px' }} /> Publish
</Button>
),