ionic-framework 🚀 - 错误：键盘将整个屏幕向上推

仅在我们的 iOS 应用中看到相同的问题。在设备上它似乎总是发生，但在 iOS 模拟器中它只会每隔一段时间左右发生一次。我实际上在 ionic 1.7.14

adir1 于 2016-02-15

同样的问题在这里 + 1 在 IOS9

kitkimwong 于 2016-02-15

iOS 也有同样的问题

vactorlao 于 2016-02-15

if(window.cordova && window.cordova.plugins.Keyboard) {
  window.cordova.plugins.Keyboard.disableScroll(true);
}

为我解决了类似的问题。它可能会有所帮助。我还必须安装 cordova 和 ionic-cordova 类型。

键盘并没有随着键盘向上移动

damienadermann 于 2016-03-04

+1

AdrianTeh 于 2016-03-20

👎4

https://github.com/driftyco/ionic/issues/5302

Abdiliban 于 2016-03-22

在我的探索中，似乎有两个系统有兴趣在打开软键盘时将内容移开：底层本机浏览器和 Ionic2 库本身。

Keyboard.disableScroll(false) （可通过“ionic-plugin-keyboard”cordova 插件获得）成功阻止本机浏览器向上推动/滚动内容窗格，并允许键盘滑过并覆盖现有内容。

然而，在 Ionic2 默认设置下，还有一些额外的功能试图通过在内容底部添加填充（'scrollAssist'）来补偿键盘滑动，并通过滚动回到它来将焦点输入元素保持在视口内（ '自动对焦辅助'）。 scrollAssist 和 autoFocusAssist 都在配置中很好地实现了开关，这些开关似乎还没有公开记录。

在双方的行为被禁用的情况下，本机键盘将在现有内容上滑动，而无需在部署到 iOS 9.2 和 Android 6.0 的 Ionic2 (beta.3) 应用程序中进行任何推动或滚动。应用程序级配置示例在要点中：
https://gist.github.com/EvanWillms/8773f8cfa12f469fabf0bdd7a75723e7

@jgw96 ，我认为实际上有两个不同的问题值得在这里解决。

1) 沟通需要帮助减少@ihadeed 、 @damienadermann和我偶然发现的困惑，当我们希望在不推动或滚动现有内容的情况下出现本机键盘时，对于看起来很有希望的Keyboard.disableScroll(true);并没有取得太大的成功scrollAssist和autoFocusAssist配置选项的一些新文档供我们发现和使用。

2) @hrpatidar在#5764 中很好地记录了scrollAssist行为中的一个可重现错误，其中_does_ 想要_some_ 内容的开发人员现在在他们的<content-scroll>上添加了填充。

EvanWillms 于 2016-04-10

👍1

@EvanWillms你好！感谢您对此问题进行更多研究！如您所见，这个问题以及您评论的其他几个问题已被标记为 beta.5 里程碑。我们刚刚发布了 beta.4 (yayyy!)，所以我们目前正在开发 beta.5。这意味着，此时，您可以期待在 Ionic 2 的下一个版本中修复此问题。再次感谢！

jgw96 于 2016-04-11

安卓上同样的问题

knsrky 于 2016-04-13

@adamdbradley
请注意，此修复（以及 beta.5 里程碑中列出的其他键盘修复）未在您的 google 文档中列出，以了解即将到来的 beta.5 里程碑。我很好奇这是否意味着它已从 beta.5 中删除（听到这个消息我会感到非常难过），或者里程碑文档尚未更新？
该文档：
https://docs.google.com/document/d/1Qlc5X2eJyOB0izkFlH7KJ5BmMi0MeXUZRHJHt3hS6Wo/edit
谢谢！

layton-glympse 于 2016-04-20

👍3

键盘附加功能是其中的一部分还是完全是一个单独的问题？是否像使用 v2 键盘附加指令并将其转换为 v2 指令一样容易（相对而言）？我相信@mhartington之前曾建议过。

keithdmoore 于 2016-04-27

@ihadeed我有一个类似聊天的应用程序，它也使用带有位置底部的离子工具栏和内部离子输入。您如何处理“键盘附加”，以便工具栏在输入焦点上随键盘“流动”？

我确实找到了解决方案，但我对此不满意： https ://forum.ionicframework.com/t/keyboard-attach-in-ionic-2/49635

nunoarruda 于 2016-05-10

@nunoarruda这是我实现它的方式：

<ion-toolbar position="bottom" light>
    <form (submit)="addTask()">
        <ion-item no-lines>
            <ion-input placeholder="Add a new task" [(ngModel)]="taskToAdd"></ion-input>
            <button (click)="addTask()" item-right clear>
                <ion-icon name="add" lightgreen500></ion-icon>
            </button>
        </ion-item>
    </form>
</ion-toolbar>

ihadeed 于 2016-05-10

@ihadeed感谢您尝试提供帮助，但这只是标记。我在谈论您是否/如何以编程方式修复“键盘附加”问题

nunoarruda 于 2016-05-10

在 ion-content 标签之外使用该标记为我解决了这个问题。

@ihadeed https://github.com/ihadeed感谢您提供帮助，但仅此而已
只是标记。我在谈论如果/如何以编程方式修复
“键盘附加”问题

—
你收到这个是因为你被提到了。
直接回复此邮件或在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment -218032368

ihadeed 于 2016-05-10

@ihadeed嗯，很奇怪。我正在使用离子内容之外的代码，这实际上是它应该在的地方，但是当我关注离子输入时，它仍然停留在键盘后面。不管怎么说，还是要谢谢你

nunoarruda 于 2016-05-10

你能给我提供你页面的完整标记吗？我也许可以
找出你和我的不同之处。
2016 年 5 月 9 日晚上 9:12，“Nuno Arruda” [email protected]写道：

@ihadeed https://github.com/ihadeed嗯，很奇怪。我正在使用代码
在离子含量之外，这实际上是它应该在的地方，但是当我
聚焦离子输入它仍然留在键盘后面。不管怎么说，还是要谢谢你
—
你收到这个是因为你被提到了。
直接回复此邮件或在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment -218033863

ihadeed 于 2016-05-10

@ihadeed检查https://forum.ionicframework.com/t/keyboard-attach-in-ionic-2/49635

这里还有一个 plunker： http ://plnkr.co/edit/AwJiEYptJo9g3stYaNqZ?p=preview

nunoarruda 于 2016-05-10

我看到了。我的意思是我想查看整个页面的标记，而不仅仅是
工具栏。
2016 年 5 月 9 日晚上 9:15，“Nuno Arruda” [email protected]写道：

@ihadeed https://github.com/ihadeed检查
https://forum.ionicframework.com/t/keyboard-attach-in-ionic-2/49635
—
你收到这个是因为你被提到了。
直接回复此邮件或在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment -218034328

ihadeed 于 2016-05-10

@ihadeed是的，当然。检查 plunker

nunoarruda 于 2016-05-10

大家好！这仍然是 Ionic 2 beta.10 的问题吗？谢谢！

jgw96 于 2016-06-30

是的，这仍然是 beta.10 的问题

vactorlao 于 2016-07-02

还是不行。
请解决这个问题。

John0x 于 2016-07-07

👍21

我仍然面临这个问题

RonCan 于 2016-07-18

仍然面临这个问题

alexmady 于 2016-07-18

👍6

+1

jthk 于 2016-07-23

👎1

+1

keithdmoore 于 2016-07-23

👎1

这确实是一个巨大的问题，因为许多聊天应用程序都需要它。我希望这个问题可以尽快得到解决。非常感谢离子团队:)。

kitkimwong 于 2016-07-24

我们的应用程序已经准备好了，我们担心我们的产品因为这个问题而无法通过商店审查，无论如何，谢谢。

chocolei 于 2016-07-24

👍5

是的，仍然是一个问题，对我来说，它发生在 android 和使用 flex 的屏幕上

jalef 于 2016-07-27

+1

masimplo 于 2016-07-27

😕1 👎1

大家好！昨天发现 chrome https://github.com/WICG/ViewportAPI中有一个新的 api，它将极大地帮助解决这个问题！感谢大家的耐心等待！

jgw96 于 2016-07-27

+1

vactorlao 于 2016-07-27

😕2 👎2

我也有这个问题<ion-content fullscreen>我在ion-content上有一个背景图像，键盘将图像向上推

royipressburger 于 2016-07-30

嗨..我也面临同样的问题：

键盘关闭后有间隙（间隙大小等于键盘大小）。

我正在尝试使用简单的修复方法来试试运气，方法是将： style="height:90% !important;"添加到<ion-content>标记中。现在它可以正常工作了.. :)

另一种选择是修改如下代码：

window.addEventListener('native.keyboardhide', keyboardHideHandler);
函数键盘HideHandler(e){
var keyBoardGap = document.querySelector("#chatContainer");
keyBoardGap.classList.add("heightForce");
keyBoardGap.classList.remove("heightForceUp");
}
window.addEventListener('native.keyboardshow', keyboardShowHandler);
函数keyboardShowHandler(e){
var keyBoardGap = document.querySelector("#chatContainer");
keyBoardGap.classList.remove("heightForce");
keyBoardGap.classList.add("heightForceUp");
}

CSS：

.heightForce { height:90% !important;}
.heightForceUp {height:55% !important;}

希望这对其他人有帮助:)

s4frul 于 2016-08-01

还没有解决方案？

marutifh 于 2016-08-30

嘿，伙计们，它至少安排在某个里程碑吗？很高兴知道是否有人正在/计划对此做些什么。 😿提前谢谢！

nnixaa 于 2016-09-02

👍3

对于@keithdmoore @nunoarruda和任何需要 Ionic 1 的keyboardAttach功能的人，这里是它的 Ionic 2 版本。请让我知道这对你有没有用！我还没有在安卓上测试这个。

https://gist.github.com/Manduro/bc121fd39f21558df2a952b39e907754

Manduro 于 2016-09-14

👍4

+1

kabus202 于 2016-09-19

👎4

我们面临同样的问题，仍然没有解决方案？

tobiasfiechter 于 2016-09-21

这个问题的任何解决方案，有人知道吗？

shqyang 于 2016-09-22

完全放弃这个问题。事实上因为键盘问题，我公司放弃使用离子。键盘完全破坏了用户体验。

kitkimwong 于 2016-09-22

👍7

@kitkimwong ，我的公司也发生了同样的事情。
@brandyscarney ，我们可以为此找到任何解决方案吗？

marutifh 于 2016-09-22

👍1

也许最近的 Ionic 创建者电子邮件有希望：

_更多最新更新_ [图片：tada]

_添加了“容器”组件_。非常适合放置
离子卷轴内的其他组件。构建 Firebase 聊天的教程
应用下周使用这个！

虽然我们没有得到团队的任何回应，但非常令人沮丧
寿。

来吧离子:)

2016 年 9 月 22 日星期四上午 6:17 Maruti Hulikatti [email protected]
写道：

@kitkimwong https://github.com/kitkimwong ，同样的事情发生在我的
公司也是。
@brandyscarney https://github.com/brandyscarney ，我们可以请任何
解决方案？
—
您收到此消息是因为您发表了评论。
直接回复此邮件，在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment -248814896，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AGVqeolAvpM6_HOyCgv8CIODvLA-YTuUks5qsg-EgaJpZM4HYsIN
.
亲切的问候，

亚历山大·马迪

alexmady 于 2016-09-22

嘿，对不起，收音机的沉默。我们一直专注于完成 beta 12 并进行测试。因此，查看问题时，并不是 100% 清楚问题是什么或如何重新创建它。提到的任何示例都不再有效，因为它们使用的是旧版本的 ionic 和旧标记。

请有人清楚地描述这个问题并遵循我们的 github 问题模板。
https://github.com/driftyco/ionic/blob/master/.github/ISSUE_TEMPLATE.md

如果可能的话，一个小的独立演示总是有帮助的。

mhartington 于 2016-09-22

如何在 ios 中像 android 一样在键盘上方移动 fab 按钮。谁能帮忙

mourice 于 2016-09-23

😕1

大家好！似乎已经有一段时间没有关于这个问题的任何活动了，我现在将关闭它。如果您仍然遇到此问题，请随时发表评论。感谢您使用离子！

jgw96 于 2016-10-03

很遗憾听到 ionic2 没有提供任何解决方案，但好消息是@Manduro使用 padding、disablescroll 和 observable 完成了解决问题的好方法，就像 ionic1 一样。

无论如何，好消息。

kitkimwong 于 2016-10-04

是的，rc0 仍然有问题

tobiasfiechter 于 2016-10-04

@mhartington @jgw96我最近从 beta 11 升级到了 rc0。巨大的性能改进，谢谢。

我在 iOS 10 中也遇到了这个键盘问题。我将尝试用下面的图片来解释。

这是我的带有滑动列表的主屏幕，单击设置警报将打开提示 AlertController 需要输入。自动专注于输入不起作用，所以我必须手动单击输入框以打开键盘。

Home Screen

点击输入框显示键盘。有时它向上滚动，有时键盘重叠。另外，我可以完全滚动显示标签的屏幕，看起来很奇怪，不是吗？

查看 iOS 顶部栏 - 文本重叠，因此看不到时间
Good Keyborad

键盘重叠 alertController - 大多只发生在第一次
Not scrolled Keyboard

可以滚动屏幕，看起来很奇怪，我认为在滚动时，键盘应该关闭并从 alertController 中移除焦点
Scrolled Keyboard

我通过在我的 app.component.html 中添加Keyboard.disableScroll(true);来解决最后一个问题。有关详细信息，请参阅http://ionicframework.com/docs/v2/native/keyboard/

让我知道这是否有用，或者我可以提供更多详细信息吗？

-谢谢

aggarwalankush 于 2016-10-04

👍2

这仍然是一个问题。我有一个背景图片，每次出现软键盘时都会向上推，这让页面感觉很乱。请重新打开这个问题，它仍然没有解决。

hayuki 于 2016-10-27

👍2

+1

Ross-Rawlins 于 2016-11-01

👎1

@jgw96 @adamdbradley我使用空白模板为这个问题创建了一个简短的演示，请查看。输入不会自动向上滚动，仍然被软键盘覆盖。

https://github.com/sotisoti/input_demo

我的离子信息

Cordova CLI: 6.1.1
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-rc.2
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
OS: Distributor ID: Ubuntu Description: Ubuntu 16.04 LTS 
Node Version: v5.12.0

sotisoti 于 2016-11-08

👍1

+1

AdrianTeh 于 2016-11-08

👎2

+1

2016 年 11 月 8 日星期二下午 3:21 Adrian Teh [email protected]写道：

+1
—
您收到此消息是因为您发表了评论。
直接回复此邮件，在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment -259165278，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AGVqeleJwPN6P2MTB2o6-uPEiTt8vMlKks5q8JOXgaJpZM4HYsIN
.
亲切的问候，

亚历山大·马迪

alexmady 于 2016-11-08

👎2

@jgw96你能重新打开吗，这仍然是一个问题，真的需要一些 Ionic Dev 的爱吗？

keithdmoore 于 2016-11-08

👍6

+1

techguy613 于 2016-11-08

👍2 👎1

我目前正在使用@Manduro的 Keyboard Attach 解决方案，但正如许多其他人在这里所说的那样，拥有一个原生 Ionic 解决方案会很棒（因为我遇到了其他与放置输入/按钮有关的 UX 问题在键盘顶部

jourdan-jobox 于 2016-11-10

你好，来自里斯本的 websummit

我已经整理了一个演示项目来说明这个问题。我将要
稍后在此处发布代码。
2016 年 11 月 10 日星期四 17:04，Mike Hartington [email protected]
写道：

重新打开 #5432 https://github.com/driftyco/ionic/issues/5432。
—
您收到此消息是因为您发表了评论。
直接回复此邮件，在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#event -854785108，或者静音
线程
https://github.com/notifications/unsubscribe-auth/AGVqeuyY56HJxZJ6mHElOHI9wcbCwT_rks5q806fgaJpZM4HYsIN
.
亲切的问候，

亚历山大·马迪

alexmady 于 2016-11-10

嘿，对不起，对不起。我们将确保在 2.0 最终版之前修复这些问题

mhartington 于 2016-11-10

https://github.com/driftyco/ionic/issues/8185

mhartington 于 2016-11-10

@mhartington您可能会考虑删除needs reply标签，因为我认为这已经很满意了。

keithdmoore 于 2016-11-10

+1
我记录了关于一个看似相关的问题 #5571 的完整错误报告

vejja 于 2016-11-11

+1

使用ionic2键盘附件，我的生活会更好

不是乞求，但很漂亮请:)

2016 年 11 月 8 日星期二 22:19，Matt David [email protected]写道：

+1

—
您收到此消息是因为您发表了评论。
直接回复此邮件，在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment -259277519，或者静音
线程
https://github.com/notifications/unsubscribe-auth/AGVqenbB4U5HGHH-Lq3o4VqNI-Br9i9cks5q8PV4gaJpZM4HYsIN
.

亲切的问候，
亚历山大·马迪

alexmady 于 2016-11-11

键盘测试.zip

附件是一个演示 ionic2 项目的演示问题。

1) 尽管在附加的测试项目中进行了尝试，但在没有尴尬的临时向下/向上移动的情况下，不可能在连续消息之间保持键盘显示。

2）当键盘显示/隐藏时，输入会上下跳跃 - 正如项目所展示的那样，这是一个非常不平滑的过渡。

3) 键盘的显示/隐藏有太多的延迟，速度有显着差异，在本机应用程序中过渡的平滑度很明显。

4）这不仅适用于输入字段，而且如果一个按钮位于页脚中并且主要内容区域中的另一个输入被聚焦，那么键盘应该向上滑动并显示在其上方的按钮；即应该有一个选项可以在显示键盘时向上滑动页脚项目，无论页脚中可能包含何种类型的项目。不应该只是简单地跳到适当的位置，元素应该像在 iMessage、whatsApp、skype 等中一样随着键盘向上滑动。

@mhartington ，您重新开放，我希望这有助于并提炼出问题的症结所在。

alexmady 于 2016-11-11

@alexmady @mhartington
@EvanWillms在四月份发布了一个临时解决方法
https://gist.github.com/EvanWillms/8773f8cfa12f469fabf0bdd7a75723e7
我为 RC2 修改了它，我可以确认它适用于 RC2

请注意，_它并没有解决问题_，它只是完全禁用了键盘的所有滚动功能。

vejja 于 2016-11-11

👍1

RC3 中仍然存在问题（使用会议应用程序测试并在搜索栏中输入文本）。
底部导航栏仍被向上推。

mpaland 于 2016-11-18

👍2

耶迈克说他们正在修复它！
实际上，在闲暇时，他们说 RC4 是关于键盘的，所以你们都有期待！

wbhob 于 2016-11-24

👍1

RC4会修复吗？

finalxcode 于 2016-12-01

👎1

大家好！你们都介意尝试一下最新的每晚吗（npm install ionic-angular @nightly --save 并将您的 package.json 更新为 angular 2.2.1）。那晚应该有这个问题的修复。

jgw96 于 2016-12-14

@jgw96您是说它仅适用于离子 2 吗？

Ross-Rawlins 于 2016-12-14

👍1

@Ross-Rawlins 只要您有keyboard.disableScroll(false) ，这在 ionic 1 中就不是问题。

如标签所述，此问题仅与 V2 相关。

mhartington 于 2016-12-14

@jgw96我每晚更新并移至 angular 2.2.1 但仍然遇到相同的错误。整个滚动内容（包括底部的固定 div）在离子输入焦点上向上移动！
平台：Android 和 Chrome 网络视图

alsco77 于 2016-12-15

👍1

ionic2面临同样的问题。

有什么解决办法吗？

Tusharbalar 于 2016-12-15

@mhartington - 请您确认我之前提到的所有问题是否都已得到解决：

键盘测试.zip

附件是一个演示 ionic2 项目的演示问题。

尽管在附加的测试项目中进行了尝试，但在没有尴尬的临时向下/向上移动的情况下，不可能在连续消息之间保持键盘显示。

当显示/隐藏键盘时，输入会上下跳跃 - 正如项目所展示的那样，这是一个非常不流畅的过渡。

键盘的显示/隐藏有太多延迟，速度有显着差异，本机应用程序中的过渡平滑度明显。

这不仅适用于输入字段，而且如果一个按钮位于页脚中并且主要内容区域中的另一个输入被聚焦，那么键盘应该向上滑动并显示在其上方的按钮；即应该有一个选项可以在显示键盘时向上滑动页脚项目，无论页脚中可能包含何种类型的项目。不应该只是简单地跳到适当的位置，元素应该像在 iMessage、whatsApp、skype 等中一样随着键盘向上滑动。

alexmady 于 2016-12-15

@alexmady我会看看它，感谢项目演示。

快速浏览我会注意到您没有使用夜间构建，其中大部分应该修复。

mhartington 于 2016-12-15

@jgw96 @mhartington Justin 和 Mike 当你说用 nightly 尝试它时，因为它应该已经解决了问题，我们应该如何测试它？我在标准离子页脚中有一个输入字段，当我单击它时，键盘向上移动并隐藏该字段。我安装了夜间构建并重新构建了项目，但它仍然隐藏了该字段。我们需要使用的夜间版本的修复是什么？谢谢

richardshergold 于 2016-12-15

👍2

顺便说一下，这是我的页脚：

<ion-footer>

  <ion-toolbar class="no-border" color="white">

    <ion-input [(ngModel)]="messageText" placeholder="Write your message"></ion-input>

    <ion-buttons end>
      <button ion-button (click)="sendMessage()">
        <ion-icon name="send" color="primary"></ion-icon>
      </button>
    </ion-buttons>

  </ion-toolbar>

</ion-footer>

richardshergold 于 2016-12-15

👍1

谢谢@richardshergold ，我正在调查

mhartington 于 2016-12-15

👍1

对我来说，问题是如果您选择离子项目滑动内的文本离子输入，离子输入（type="text"）有时会隐藏在键盘后面。内容向上滚动片刻，然后跳到另一个位置。因此输入被键盘隐藏，您可以在文本字段中输入文本，但看不到您输入的内容。

我已经包含了一个演示该问题的存储库 - 请参阅：#9642

nilswieber 于 2016-12-15

@alexmady和@richardshergold使用示例项目我已经能够通过稍微重构一些东西来解决大多数这些问题。

示例项目有很多不需要的代码，而且它没有使用最新的 nightly（现在是 RC4）。

这是示例代码/项目

https://github.com/mhartington/KeyboardTest

它的行为与人们在 android 上所期望的一样。

然而，iOS 确实存在输入被覆盖的问题。
我会进一步调查。

感谢大家对此的耐心等待，这不是一个容易解决的问题。

mhartington 于 2016-12-15

感谢您的更新@mhartington

我刚刚在 iOS 上尝试过你的示例存储库，它确实隐藏了输入。

这是一个显示问题的 gif。

keyboardtest-ios

这是另一个 gif，显示了页脚应该如何向上滑动，以及我相信我们都在寻找什么：

how-keyboard-should-be

感谢并期待更新。

alexmady 于 2016-12-16

是的@alexmady ，ios 被证明是有问题的。
我可以为 ios 使用用户提交的键盘附加指令，但是当您点击右侧的发送按钮时，在保持输入焦点时遇到问题。我会注意到，点击键盘上的返回/输入键，一切正常。 iOS 似乎愿意比 android 更快地放松对输入的关注。

keyboard-ios

mhartington 于 2016-12-16

你们可能想看看以下 SO 问题，了解几种解决方法，或者引导您找到解决此问题的最终解决方案： http ://stackoverflow.com/questions/36706398/in-ionic-2-how-

nunoarruda 于 2016-12-16

感谢@mhartington的更新

理想情况下，我们需要匹配现有聊天应用程序的可用性，我们确实需要返回按钮用于另一个目的。

我们在 ionic 中是否可以做任何事情来改变发送按钮的行为，从而不会丢失焦点？例如，如果我们将输入包含在一个表单中，这是否有助于在发送消息的同时捕获和防止焦点丢失？

returnbutton

alexmady 于 2016-12-16

@nunoarruda - 感谢您对此的输入（不是双关语），但是关于 SO 的建议提及并不能解决在发送每条消息后输入失去焦点的问题。例如，如果你想发送 5 条消息，你必须显示和隐藏键盘 5 次，这与人们习惯的许多原生应用程序的工作方式相比相当笨拙。

alexmady 于 2016-12-16

👍1

看起来这里有一个主题是关闭键盘的发送按钮；我还在为我的 iOS 应用程序构建聊天功能，想知道这个问题是否是 RC5 正在研究的问题？

我不久前打开了这个确切的问题，#9238

谢谢！

jourdan-jobox 于 2016-12-16

嗨@mhartington

请问有这方面的更新吗？我想知道我们是否有望在 ionic 2 的最终版本中拥有所需的键盘/聊天功能？我相信你已经猜到了，这是一件大事！

顺便说一句，如果您在示例/用例方面需要其他任何东西，请告诉我任何我会很乐意将一些东西放在一起的东西。

2016 年对于 ionic 来说是伟大的一年——祝所有团队节日快乐！

alexmady 于 2016-12-23

👍2

这个问题是否已经安排在任何里程碑？很高兴知道这个解决方案是否已经临近，或者是否值得花时间寻找替代方案。

MvRemmerden 于 2017-01-02

@mhartington实验后你有什么进展吗https://github.com/driftyco/ionic/issues/5432#issuecomment -267626176

我使用ionic start ionic-tutorial tutorial --v2创建了一个示例应用程序，之后我在 <ion-footer> 中包含了一个列表和一个<ion-input> <ion-footer> 。

当前将<ion-input>更改为<input type="text">的@nunoarruda解决方案工作得很好。

juarezpaf 于 2017-01-02

@juarezpaf它不起作用。输入仅在用户开始键入后出现在键盘上方。

MvRemmerden 于 2017-01-03

你们需要更加专注于输入焦点。
我完全沮丧。

Tusharbalar 于 2017-01-03

👎3

嘿，你们好，对不起，我们刚刚放假回来。
这将回到我们的雷达上。

mhartington 于 2017-01-03

🎉7

@mhartington 非常感谢，我们非常感谢您和您的团队为 Ionic 所做的努力！期待修复，如果您需要一个测试项目或有人在不同情况下尝试它，请告诉我 ;-)

MvRemmerden 于 2017-01-03

同上！
2017 年 1 月 3 日星期二 15:00，Marcel van Remmerden [email protected]
写道：

@mhartington https://github.com/mhartington非常感谢，我们真的
感谢您和您的团队为 Ionic 所做的努力！期待
修复，如果您需要一个测试项目或有人以不同的方式尝试它
情况只是让我知道;-)
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/driftyco/ionic/issues/5432#issuecomment-270132761 ，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AGVqeiW8T0X_hk_TY_9T08BQPAG9Mzfxks5rOmKHgaJpZM4HYsIN
.
>

亲切的问候，

亚历山大·马迪

alexmady 于 2017-01-03

👎1

查看最后的 SO 评论。也许这会有所帮助。

http://stackoverflow.com/questions/36706398/in-ionic-2-how-to-float-an-element-above-the-keyboard-when-the-keyboard-shows#comment65388049_38786672

cozzbie 于 2017-01-09

添加以下代码对我来说非常好：

.输入覆盖{
位置：静态；
}

我仍然想知道是否会产生任何负面影响，但到目前为止还没有发现。

MvRemmerden 于 2017-01-10

👍2

@MvRemmerden您能否为您的修复发布更多上下文？例如，您将该 CSS 放置在哪个元素上？谢谢！

lincolnthree 于 2017-01-10

👍1

@lincolnthree当然，但实际上仅此而已。只需将css代码粘贴到您需要的页面上就可以了。

您还可以查看@cozzbie发布的stackoverflow 线程（http://stackoverflow.com/a/38786672）。我使用的解决方案是目前投票最高的评论。

MvRemmerden 于 2017-01-11

这个问题解决了吗？

bruceearly 于 2017-01-13

👎1

一点都不。面临与 rc.5 相同的问题

我们正在使用带有弹性文本区域的页脚（例如whats app chat）

antmr1 于 2017-01-13

它对我有用

kabus202 于 2017-01-13

有人试图在 Ionic 1.x (1.7.15)上解决这个问题吗？

@wbhob ：这是一个更新/场景：
当点击输入并将其聚焦时，键盘与输入重叠，我想让输入在聚焦时始终位于键盘上方。尝试了这个解决方案，但它不起作用😞。

app.js - 当前配置

    .run(function ($ionicPlatform, gettextCatalog, $cordovaFile) {
        $ionicPlatform.ready(function () {

            ionic.Platform.isFullScreen = false;
            // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard or form inputs)
            if (window.cordova && window.cordova.plugins.Keyboard) {
                cordova.plugins.Keyboard.disableScroll(true);
                cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            }
        }
   }
    .config(['$ionicConfigProvider', function ($ionicConfigProvider){
        $ionicConfigProvider.scrolling.jsScrolling(!ionic.Platform.isAndroid());
    }]);

// config.xml
  <preference name="Fullscreen" value="false" />
  <preference name="DisallowOverscroll" value="true" />
  <preference name="KeyboardDisplayRequiresUserAction" value="true" />
  <preference name="android-windowSoftInputMode" value="stateHidden|adjustResize" />
  <plugin name="ionic-plugin-keyboard" version="2.2.1" src="https://github.com/driftyco/ionic-plugin-keyboard" />

我错过了什么吗？

alexszilagyi 于 2017-01-19

错误是什么？您需要向我们提供有关发生的情况和您期望的更多详细信息，如果这与主题分开，则可能会打开一个新问题。

这听起来也像是一个支持请求，而不是错误或功能，所以请在论坛和 Ionic Worldwide Slack 上提问。

谢谢。

2017 年 1 月 19 日上午 7:18 -0500，alexszilagyi [email protected]写道：
>

有人试图在 Ionic 1.x (1.7.15) 上解决这个问题吗？
app.js - 当前配置
.run(function ($ionicPlatform, gettextCatalog, $cordovaFile) { $ionicPlatform.ready(function () { ionic.Platform.isFullScreen = false; // 默认隐藏附件栏（去掉这个可以在键盘上方显示附件栏或表单输入) if (window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.disableScroll(true); cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); } } } .config(['$ ionicConfigProvider', function ($ionicConfigProvider){ $ionicConfigProvider.scrolling.jsScrolling(!ionic.Platform.isAndroid()); }]); // config.xml
我错过了什么吗？
—
您收到此消息是因为您发表了评论。
直接回复这封邮件，在 GitHub 上查看（https://github.com/driftyco/ionic/issues/5432#issuecomment-273762352），或者静音线程（https://github.com/notifications/unsubscribe-auth /AEPIEhJXEmfFhtzXzJC5bChWVUTGapIlks5rT1RigaJpZM4HYsIN）。

wbhob 于 2017-01-19

Ionic-framework: 错误：键盘将整个屏幕向上推

最有用的评论

所有104条评论

亲切的问候，

亲切的问候，

亲切的问候，

亲切的问候，
亚历山大·马迪

>

相关问题