# 在模态窗口打开键盘时，移动设备上会跳到页面顶部

**URL:** <https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358>\
**Category:** Bug\
**Tags:** mobile\
**Created:** [2024年四月4日 07:41 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358 "2024-04-04T07:41:18Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年四月4日 07:41 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/1 "2024-04-04T07:41:18Z")

</div>

你好 👋

当我打开模态输入框的键盘时，页面会跳转到顶部。

Android 10；CLT-L29 Build/HUAWEICLT-L29  
Chrome 123.0.6312.80

谢谢 🙂

---

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [2024年五月5日 20:31 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/2 "2024-05-05T20:31:30Z")

</div>

我在多个地方遇到了类似的问题，例如在这里，如果我收起键盘进行搜索

键盘关闭时

 ![Screenshot_20240505-172906](https://global.discourse-cdn.com/meta/original/4X/e/f/5/ef565997a65fc9b3c03f68d97cea30d91cef2611.png)

键盘打开时，搜索输入框被遮挡

 ![Screenshot_20240505-173025](https://global.discourse-cdn.com/meta/original/4X/e/6/3/e6352c67526086f12ce96cda37fd5978f8c92332.png)

键盘还会遮挡表单模板编辑器和其他一些地方。

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年五月5日 21:01 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/3 "2024-05-05T21:01:02Z")

</div>

> [@Heliosurge](#):
>
> 打开键盘时搜索输入框是盲的

还有另一个关于这个话题的帖子 [Android keyboard overlaps/interferes text edit fields](https://meta.discourse.org/t/android-keyboard-overlaps-interferes-text-edit-fields/300501)

---

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [2024年五月5日 21:09 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/4 "2024-05-05T21:09:08Z")

</div>

是的，我看到我们有几个关于这个问题的讨论。最早的好像是3月22日的？

Don 的主题组件无法在 form-templates 中修复它。

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年五月5日 21:20 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/5 "2024-05-05T21:20:30Z")

</div>

> [@Heliosurge](#):
>
> 是的，我看到我们有几个关于这个问题的帖子。

我认为这个帖子中的问题不是键盘覆盖了什么东西，而是当你使用模态框时，你会被带到帖子（列表）的顶部。

---

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [2024年五月5日 21:27 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/6 "2024-05-05T21:27:35Z")

</div>

他们看起来可能至少在某种程度上有关联？

至少从视频来看是这样。

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年九月2日 07:35 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/7 "2024-09-02T07:35:44Z")

</div>

我还注意到在使用 AI 解释后会跳转到顶部。这很烦人，因为您会丢失阅读位置。

---

<div class="post-metadata">

**Author:** ![nwnuyhs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nwnuyhs/32/444904_2.png) [@nwnuyhs](https://meta.discourse.org/u/nwnuyhs)\
**Post date:** [2024年九月10日 05:34 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/8 "2024-09-10T05:34:19Z")

</div>

是的，我遇到了同样的问题。

---

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [2024年九月10日 07:00 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/9 "2024-09-10T07:00:13Z")

</div>

在标志模态框中输入“其他”或“非法”时，也会出现同样的问题。

---

<div class="post-metadata">

**Author:** ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)\
**Post date:** [2024年九月17日 20:12 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/12 "2024-09-17T20:12:32Z")

</div>

感谢大家的反馈，我已经让我们的团队来修复这个问题！

---

<div class="post-metadata">

**Author:** ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)\
**Post date:** [2024年十一月1日 17:53 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/13 "2024-11-01T17:53:51Z")

</div>

嘿，各位 :blob_wave: 我们已经修复了这个问题，因此在模态框中打开键盘后，您应该不会再被滚动到顶部了。如果您继续遇到此问题，请告知我们！

---

<div class="post-metadata">

**Author:** ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)\
**Post date:** [2024年十一月1日 17:53 UTC](https://meta.discourse.org/t/opened-keyboard-on-a-modal-inputs-it-jumps-to-the-top-of-the-page-on-mobile/302358/14 "2024-11-01T17:53:55Z")

</div>


