Restore original focus after hitting publish button
This commit is contained in:
@@ -157,9 +157,23 @@ const PublishButton = (props: { publish: () => void }) => {
|
|||||||
[props.publish]
|
[props.publish]
|
||||||
)
|
)
|
||||||
|
|
||||||
|
const onFocus = useCallback(
|
||||||
|
(e: React.FocusEvent<HTMLElement>) => {
|
||||||
|
(e.relatedTarget as HTMLElement|null)?.focus()
|
||||||
|
},
|
||||||
|
[]
|
||||||
|
)
|
||||||
|
|
||||||
return useMemo(
|
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
|
<Navigation style={{ marginRight: '8px' }} /> Publish
|
||||||
</Button>
|
</Button>
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user