Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
46 lines
1.4 KiB
Plaintext
46 lines
1.4 KiB
Plaintext
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
*/
|
|
|
|
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
|
|
import { useEffect } from 'react';
|
|
|
|
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
*/
|
|
|
|
function AutoFocusPlugin({
|
|
defaultSelection
|
|
}) {
|
|
const [editor] = useLexicalComposerContext();
|
|
useEffect(() => {
|
|
editor.focus(() => {
|
|
// If we try and move selection to the same point with setBaseAndExtent, it won't
|
|
// trigger a re-focus on the element. So in the case this occurs, we'll need to correct it.
|
|
// Normally this is fine, Selection API !== Focus API, but fore the intents of the naming
|
|
// of this plugin, which should preserve focus too.
|
|
const activeElement = document.activeElement;
|
|
const rootElement = editor.getRootElement();
|
|
if (rootElement !== null && (activeElement === null || !rootElement.contains(activeElement))) {
|
|
// Note: preventScroll won't work in Webkit.
|
|
rootElement.focus({
|
|
preventScroll: true
|
|
});
|
|
}
|
|
}, {
|
|
defaultSelection
|
|
});
|
|
}, [defaultSelection, editor]);
|
|
return null;
|
|
}
|
|
|
|
export { AutoFocusPlugin };
|