focus and tab order

[yomguithereal]

focus and tab order

[Yomguithereal]

Thanks @gouegd.

[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>
	);
};