Hovertemplate's text does not change between sliders.steps when on mobile and there's also no method of closing the tool-tip once opened

I have a stacked bar chart with two simple traces and two sliders.steps.
Each trace has a hovertemplate: "%{y} - %{x:.2f}% <extra></extra>" property.

On mobile when I touch a bar I get its appropriate hovertemplate text, which is good.
But from here there are two issues:

• first is that no matter where I touch on the screen, the hovertemplate won't disappear . So once opened, it's always open.
• the second issue is that if the hovertemplate is open and I change from one slider step to the other, the info in the tool-tip does not change with the appropriate info from the selected step.

Here is a simple bar chart that, when switched to mobile, behaves how I described: https://es7kb8.csb.app/

Here is the code: https://codesandbox.io/s/relaxed-brahmagupta-es7kb8?resolutionWidth=484&resolutionHeight=675&file=/src/App.js

Empieza reproduciendo el comportamiento móvil en el CodeSandbox enlazado, con la resolución móvil proporcionada, usando el gráfico de barras apiladas con dos traces y dos sliders.steps. Sigue cómo responde el estado de hovertemplate al descarte mediante touch y a los cambios de los sliders; se considera terminado cuando el tooltip puede cerrarse en móvil y, mientras está abierto, se actualiza con los datos del step seleccionado.