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

首先，在提供的移动端分辨率下，使用包含两个 traces 和两个 sliders.steps 的堆叠柱状图，复现所链接 CodeSandbox 中的移动端行为。跟踪 hovertemplate 状态如何响应通过 touch 关闭以及 slider 更改；完成标准是 tooltip 可以在移动端关闭，并且在保持打开时更新为所选 step 的数据。