Function handleSubmitEditing

packages/core/src/hooks/useTextInput.ts:145–184

()

     * handleSubmitEditing is now handled within each block component for more flexibility.
     */
    const handleSubmitEditing = () => {
        const block = updateBlockData(
            blocks[blockId],
            {
                properties:
                { 
                    title: valueRef.current,
                }
            }
        );
        const selection = selectionRef.current;

        /**
         * This is a hack.
         * When splitting a block into another block type, the current block must rerender to change to the corresponding block component.
         * That rerender can make the keyboard flicker, so to prevent that we need to focus the ghost input and after the render, focus the block again.
         *  */
        if (block.type !== defaultBlockType) {
            inputRefs.current["ghostInput"]?.current.focus();
        }

        /**
         * The timeout is bearly noticeable, but it is needed to prevent the keyboard from flickering.
         * It gives times for the ghost input to be focused before rerendering any block, preventing
         * keyboard flickering.
         */

        const { nextBlock } = splitBlock(block, selection);

        inputRefs.current[nextBlock.id]?.current.setText(nextBlock.properties.title);
        setTimeout(() => {
            inputRefs.current[nextBlock.id]?.current.setSelection({
                start: 0,
                end: 0
            });
            inputRefs.current[nextBlock.id]?.current.focus();
        }, 0);

        return;
    };

    const handleOnFocus = () => {
        setFocusedBlockId(blockId);