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

Beginne damit, das mobile Verhalten in der verlinkten CodeSandbox bei der angegebenen mobilen Auflösung zu reproduzieren, und verwende dabei das gestapelte Balkendiagramm mit zwei traces und zwei sliders.steps. Verfolge, wie der Zustand von hovertemplate auf das Verwerfen per Touch und auf Änderungen an den Slidern reagiert; abgeschlossen ist die Aufgabe, wenn der Tooltip auf Mobilgeräten geschlossen werden kann und während er geöffnet ist auf die Daten des ausgewählten steps aktualisiert wird.