focus and tab order

[geyang]

@Yomguithereal Thanks for this great library!

I was looking for ways to put a component in focus but couldn't find it in the documentation. Is there anywhere I can look this up?

Thanks!
Ge

[Yomguithereal]

Hum. I thinks that currently you might have to set a ref on the component and used blessed's API to focus the component as I think I did not implement any of the react callbacks used to deal with focus and component mounting etc.

[gouegd]

Here's a quick sample with hooks to focus if someone is looking for it

const App = () => {
	const listRef = useRef();
	useEffect(() => {
		if (listRef.current) {
			listRef.current.focus();
		}
	}, []);

	return (
		<box
			top="center"
			left="center"
			width="50%"
			height="50%"
			border={{type: 'line'}}
			style={{border: {fg: 'blue'}}}
		>
			<list
				ref={listRef}
				keys
				mouse
				items={['oui', 'maybe', 'no ?']}
				style={{
					item: {fg: 'white'},
					selected: {fg: 'cyan'}
				}}
			/>
		</box>
	);
};

[Yomguithereal]

Thanks @gouegd.