Tengo un pequeño problema con InstantSearch JS porque tengo un código personalizado y decidí cambiar el widget de búsqueda normal a un widget de búsqueda personalizado basado en la documentación de Algolia.

Necesito implementar un código personalizado que no era posible con un widget de búsqueda normal: no podía acceder a las funciones de búsqueda para agregar el código que necesito.

El problema es que también estoy usando un código personalizado donde agrego data-search-term atributos ocultos que ayuda a mostrar los resultados iniciales basados en este término. Pero con el valor del widget de búsqueda predeterminado de este término oculto todo el tiempo, no visible dentro del campo de entrada, pero cuando cambié al widget de búsqueda personalizado, el valor de este atributo es visible y cada vez que escribo en los campos de entrada, duplica su contenido.

Des alguien tiene la solucion a este problema? ¿Cómo puedo ocultar el valor de este atributo del campo de entrada para que permanezca dentro del DOM pero se oculte de la entrada para los usuarios?

 <div id="searchbox" data-feed="widget" data-category="Test" data-search-term="Demo"></div>

Arriba está HTML, tiene data-search-term . Pasa este al campo de entrada generado por InstantSearch JS.

Como resultado, ese data-search-term es visible dentro de la entrada. ¿Cómo puedo ocultarlo?