Tengo un requisito en el que necesito deshabilitar las sugerencias predictivas y la autocorrección del teclado del iPad.

La imagen es para mostrar, no es una imagen real de mi proyecto, pero necesito ocultar la misma barra de sugerencias resaltada, estoy usando una base de entrada de interfaz de usuario de material para escribir sobre SVG

Probé con todas las soluciones disponibles como autoCorrect='off' autoComplete='off' autoCapitalize='off' & SpellCheck = 'false'.

Avíseme si hay alguna forma de ocultar la barra de sugerencias que no sea en el lado del cliente.

 <InputBase classes={{ root: classes.inputRoot, input: classes.input, }} type="text" autoFocus value={title} inputProps={{ maxLength: 50, spellCheck: 'false', 'data-gramm': false, autoCapitalize: 'false', autoCorrect: 'false', }} onChange={ (event: React .ChangeEvent<HTMLInputElement>) => setTitle( event.target.value, ) } autoComplete="off" spellCheck="false" autoCorrect="off" autoCapitalize="off" />