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

Commencez par reproduire le comportement mobile dans le CodeSandbox lié, à la résolution mobile fournie, en utilisant le graphique à barres empilées avec deux traces et deux sliders.steps. Suivez la façon dont l’état de hovertemplate réagit à la fermeture par touch et aux changements des sliders ; c’est terminé lorsque le tooltip peut être fermé sur mobile et qu’il se met à jour avec les données du step sélectionné lorsqu’il est ouvert.