我正在尝试在Shopify网页（https://ssd-order.bubbleapps.io/）上托管我的Bubble应用（https://filmdrives.com/pages/custom-ssd-order）。目前，它已使用iFrame Resizer（https://github.com/davidjbradshaw/iframe-resizer）嵌入到iFrame中，以在内容更改时更改iFrame高度。我已关闭此功能，Bubble App将HTML代码发送给Shopfiy以启动调整大小。一切正常。
我遇到的问题是，当我选择任何输入时，键入一些文本并取消选择输入，页面将自动滚动到iFrame的顶部。是什么导致此行为？我不知道吗？
这似乎发生在Mozilla和Chrome的macOS以及iOS Safari上。使用户体验非常沮丧。
我尝试隔离iFrame调整程序以及其他元素，当我将Bubble App嵌入到简单iFrame中时，问题仍然存在。如果Bubble应用程序独立运行（即在本地运行Bubble），则似乎没有问题，因此我认为这与iFrame或Shopify有关。
我已经在Mozilla和Chrome浏览器控制台和检查器模式下花费了数小时试图找出答案。到目前为止还没有这种运气。
我在网站上用于HTML Emded Bubble App的代码如下：
您能提供的任何帮助将不胜感激！ 谢谢！