Rendering an inline input element

Hello, I’m trying to render an inline input field within the draftjs editor using a CompositeDecorator. However, the rendered input field is not editable. Attempts to edit the text in the input field causes the focus to switch back to the editor and the text is entered there. Is there a way to allow for editable inline input fields within the main editorjs component?

Below is the decorator component.

const InputSpan = props => {
    return (
        <span>
            <input
                id="span-edit-input"
                type="text"
            />
            {props.children}
        </span>
    );
};