mirror of
https://github.com/mathuo/dockview
synced 2025-03-10 07:52:07 +00:00
chore: docs
This commit is contained in:
parent
46bceea217
commit
82b83e7ed3
@ -32,8 +32,6 @@ import DockviewKeyboard from '@site/sandboxes/keyboard-dockview/src/app';
|
|||||||
|
|
||||||
import { DocRef, Markdown } from '@site/src/components/ui/reference/docRef';
|
import { DocRef, Markdown } from '@site/src/components/ui/reference/docRef';
|
||||||
|
|
||||||
import { DocRef, Markdown } from '@site/src/components/ui/reference/docRef';
|
|
||||||
|
|
||||||
import { attach as attachDockviewVanilla } from '@site/sandboxes/javascript/vanilla-dockview/src/app';
|
import { attach as attachDockviewVanilla } from '@site/sandboxes/javascript/vanilla-dockview/src/app';
|
||||||
import { attach as attachSimpleDockview } from '@site/sandboxes/javascript/simple-dockview/src/app';
|
import { attach as attachSimpleDockview } from '@site/sandboxes/javascript/simple-dockview/src/app';
|
||||||
import { attach as attachTabHeightDockview } from '@site/sandboxes/javascript/tabheight-dockview/src/app';
|
import { attach as attachTabHeightDockview } from '@site/sandboxes/javascript/tabheight-dockview/src/app';
|
||||||
|
@ -22,16 +22,6 @@ const components = {
|
|||||||
};
|
};
|
||||||
}, [props.api]);
|
}, [props.api]);
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (!active) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
requestAnimationFrame(() => {
|
|
||||||
ref.current?.focus();
|
|
||||||
});
|
|
||||||
}, [active]);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="keyboard-example-panel"
|
className="keyboard-example-panel"
|
||||||
@ -52,15 +42,6 @@ const components = {
|
|||||||
{' to nativgate between tabs.'}
|
{' to nativgate between tabs.'}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ padding: '10px 0px' }}>
|
|
||||||
<div>
|
|
||||||
{
|
|
||||||
'This input box should take focus when the panel is active to demonsrate managed focus'
|
|
||||||
}
|
|
||||||
<input ref={ref} type="text" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span>{'isPanelActive: '}</span>
|
<span>{'isPanelActive: '}</span>
|
||||||
<span>{active ? 'true' : 'false'}</span>
|
<span>{active ? 'true' : 'false'}</span>
|
||||||
|
Loading…
Reference in New Issue
Block a user