Ionic-framework: issue（forms）：フォームの入力、スクロール、キーボードの問題

@dylanvdmerweこれは素晴らしいです、これをまとめてくれてありがとう！ 次と前のボタンを使用して入力を上下にタブで移動することに関しては、これは機能しているはずですが、最近何かが壊れた可能性があります。

また、オートコンプリートとオートコレクトも実行されます。要素に特別に追加されない限り、デフォルトでは無効になっています： https ：

自動キャピタライゼーションもデフォルトで無効にする必要があると思いますか？

@adamdbradley

• iOSのキーボードボタンをさまざまな入力間でシフトさせることができません。 それらは「混乱」し、キーボードは最終的に閉じます。 これらのボタンがある他のキーボードでテストする場合は、Androidでテストする必要があります。
• オートコンプリートとオートコレクトのデフォルトに最適なものがわからない。 iOSでは、特定のキーボードタイプでデフォルトで有効になってい<input>ルールに従うのが最善だと思いますか？
• オートコンプリートとオートキャピタライゼーションのいくつかの順列を少し後でテストします。 キーボードプラグインが変更されたときに、これをここに個別に記録したことに注意してください。

これらを実際のデバイスでテストしていることに注意してください。

@adamdbradley上記の項目を更新しました。 目立ったものは明確な再現可能な問題です。

Androidの問題＃1はどこにありますか？ それなしで私のアプリを完全に台無しにしています。

Androidの問題＃1で+1 :)

この号に記載されている項目に何か動きはありますか？

@dylanvdmerwe次のベータ版がリリース（beta8）になったら、このような問題の修正に焦点を当てます。 ご不便をおかけして申し訳ありません。

Androidの問題＃1で+1 :)

Androidの問題で+1：

。 入力を選択するときは、キーボードが表示された後に選択した項目が表示されるように、フォームのコンテンツ全体をスクロールする必要があります。

これにより、ionic1からionic2に完全に移植できなくなります。
ではごきげんよう！

これにより、ionic1からionic2に完全に移植できなくなります。

こっちも一緒。

Androidの問題＃1で+1
早めに修正してください！ 私たちはこれについて新しいアプリを開始しましたが、このバグが取引のブレーカーになって、ionic 1に戻らないようにしたくありません！

@ adamdbradley 、 @ jgw96今のところ、いくつかの回避策はありますか？

更新をお願いします。 この主要な機能が機能しないため、デモを行うのは困難です...
ありがとう！

これについても更新していただければ幸いです。 ion-input要素は、フォーカス時にスクロールされて表示されません。 通常のinput要素に切り替えようとしましたが、それによって他のあらゆる種類の問題が発生します。 ありがとう！

皆さんこんにちは！ 私たちはこのような問題に懸命に取り組んでいることを保証できます。 あなたはすべて主にiOSまたはAndroidでこの問題を見ていますか？ それとも両方で起こりますか？

アンドロイドで起こりますが、iOSについてはよくわかりません。 現在、入力を開始すると、UIが上にスクロールして入力が表示されます。 理想的には、焦点が合ってキーボードがポップアップするとすぐに発生するはずです。

やあ、

デバイス上のiOSでさらにいくつかの問題が発生しています（Androidではチェックされていません）：

• フローティングラベルでは、入力をクリックすると、値の前に一時的に空の行が表示されることが多く、値が下にジャンプし、入力が垂直方向に拡大します。 通常のラベルでは、値が一時的に水平方向にずれることがあります。
• フローティングラベルを使用すると、スクロール時にキャレットが入力の外側にジャンプします。
• Cordovaキーボードプラグインを使用し、アクセサリバーを使用してフィールド間を移動すると、ビュー全体がジャンプすることがあります。 disableScroll（true）を設定した後、次のボタンは正常に機能しますが、戻るボタンを押すと画面がジャンプします。 代わりにこれを報告する必要があるかどうかわかりませんか？

Ionicの良い仕事に感謝し、las kinksがアイロンがけされるのを楽しみにしています！

Androidのキーボードとイオン入力に関する同じ問題。 フォーム付きのすべてのアプリで非常に重要な問題です！

この重大な問題に関する更新はありませんか？

この問題に関する更新はありますか？

これが次のRCで見られることを望んでいます。

これを更新します。 ＃5 foriOS再現できません。 それはマスターの私にとってはうまくいっています、誰かが確認できますか？

今＃1を見てください。

私は同じ問題に直面しています。 同じ更新はありますか？ 。

iOS＃1では、大画面（iPad）ではうまく機能しません。 入力は一番上までスクロールされますが、キーボードに近づけると便利です。

やあ、

問題は私たちの側のいくつかのデバイスで発生したため、調査に時間をかけました。

アンドロイド：

• scrollAssistを有効にすると問題なく表示されます
• キーボードがすでに開いているときに、あるイオン入力から別のイオン入力に切り替えると、まだいくつかのバグがあります（ページが最大までスクロールします）。

iOS：

• 初めて、ページがスクロールしない
• 2回目は、ページの任意の入力で、ページが正確に上にスクロールします
• Androidの場合と同様に、フィールドを切り替えると、ページのスクロールが多すぎます。

いくつか検索したところ、scroolView.scrollToがscrollTopHTMLプロパティを使用していることがわかりました。
このプロパティは、理論値scrollHeight-clientHeightによって制限されます。

次の行をscroll-view.js（node_modules / ionic-angular / util /）に追加しました。
console.log（fromY + '=>' + y）;
console.log（ '最大理論値：' +（this._el.scrollHeight --this._el.clientHeight））;
そして、問題は明らかなようです。

何らかの理由で、Androidでフィールドにフォーカスすると、上にスクロールする前にキーボードが生成されるため、理論上の最大値は、上にスクロールしたい値よりも優れています。 iOSでは、初めてではありません。 したがって、最大スクロールアップ値は1です。

あなたの番 ;）

@EDumdumこの問題を再現するにはどうすればよいですか？ 入力にフォーカスがあり、キーボードがすでに上がっていて、次の入力に切り替えると、次の入力がヘッダーの下にスクロールします。 それはあなたのためにそれをしませんか？

キーボードがすでに開いているときに、あるイオン入力から別のイオン入力に切り替えると、まだいくつかのバグがあります（ページが最大までスクロールします）。

こんにちは@adamdbradley

以下の例を作成する手順。 スクリーンショットはエミュレーターのものですが、デバイスでも同じ動作を再現しています。 フォームは、色を追加するためにここにあります（青=フォーカスされたフィールド、赤=他のフィールド）。

再現するステップ

• フォーカスフィールド2
  https://drive.google.com/open?id=0B6y5VVmSy-NVZ2xZdjFORzctZFE
  全て大丈夫 ：）
• フォーカスフィールド1
  https://drive.google.com/open?id=0B6y5VVmSy-NVT0ZpUmd6RllPeHM
  もっと上にスクロールするのではなく、下にスクロールする必要があります:(
• フォーカスフィールド2
  https://drive.google.com/open?id=0B6y5VVmSy-NVcExibnA5bUJTWUk
  くそ...

例を作成する手順

• 新しいプロジェクトを作成しました（ionic start -v2 myApp）=> RC2
• アプリコンストラクターにscrollAssistを追加しました
  constructor(config: Config, platform: Platform) { config.set('scrollAssist', true); ... }
• 私のhome.htmlとhome.tsを変更し、.scssに少し追加しました

<ion-header> <ion-navbar> <ion-title>Home</ion-title> </ion-navbar> </ion-header> <ion-content padding> <div class='takePlace'>Bla bla</div> <form novalidate [formGroup]="form"> <ion-item> <ion-input type="tel" pattern="[0-9]{3}" formControlName="dummyField"></ion-input> </ion-item> <ion-item> <ion-input formControlName="dummyField2"></ion-input> </ion-item> </form> </ion-content>

import { Component } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { public form: FormGroup; constructor(private formBuilder: FormBuilder) { this.form = this.formBuilder.group({ dummyField: ['', [Validators.required, Validators.pattern('[0-9]{3}')]], dummyField2: ['', [Validators.required, Validators.pattern('[0-9]{3}')]] }); } ngOnInit() { } }

.takePlace { height: 300px; border: 1px solid red; }

ナイトリービルドは、入力フィールドを適切に移動しますが、戻るボタンを押してキーボードを下にスライドすると、入力が元の場所に戻ったはずの場所に留まります（上にスライドします）。
次に、エミュレーターで入力できません。オンスクリーンキーボードで入力する必要があり、emuがそれを表示しないためです。

@kodeine

フィードバックをありがとう！ これらすべてのメモをさまざまなテストシナリオに使用します。 みんなが試せるように、すぐに毎晩外に出ようと思います、ありがとう！

@adamdbradley
別のシナリオでは、入力があり、キーボードが開いているページにいて、戻るボタンをクリックすると、タブがキーボードの上にもあることに気付きました。 したがって、タブをキーボードの後ろに置く必要があるかもしれません。

関連： https ：

毎晩の方がうまくいきます！

しかし、最近の変更によって導入されたバグを見つけました。 入力Aにフォーカスがあり、入力Bをタップすると、キーボードが非表示になり、どの入力にもフォーカスがありません。

また、入力に焦点を合わせると、たとえばSafariで入力に焦点を合わせるときのようなスムーズなスクロールアニメーションではなく、所定の位置に「ジャンプ」します。

編集：これはWKWebViewを使用しています。 UIWebViewをテストしていません。

入力用の「次へ」ボタンがサポートされるかどうかを知りたいと思っています。
ユーザー（android、iosについては不明）が、フォームアクションを終了するのではなく、次の入力に進むと考えて送信/ OKボタンを押さないことはかなり困難です。

@biesbjergこれらの問題を再現する方法について詳しく説明していただけますか？ 所定の位置にジャンプすると言うと、ヘッダーはスクロールされて離れますか？ どのタイプの入力ですか？ 入力はアプリの上部にありますか、それとも下部にありますか？ 問題のビデオを提供できますか？ ありがとう

@adamdbradleyこのビデオは、「スムーズなスクロールではなく、所定の位置にジャンプする」ことを示しています。また、入力に焦点を合わせてハードウェアボタンを押すと、コンテンツがスクロールバックされないというバグも示しています。
編集： gifサイズを変更しました。

@adamdbradleyこれは入力フォーカスの問題であり、タップされた入力にフォーカスするのではなく、キーボードが消えます。

これはAndroidで、フォーカスを合わせるとフォームが突然ジャンプし、最初にフォーカスされた入力が画面に表示されません。

こんにちは@biesbjerg ！ ごく最近、入力スクロールの修正を含む別の夜をリリースしました。試してみませんか？ ありがとう！

@ jgw96こんにちは！ 2.0.0-rc.3-201611302233をテストしましたが、何も変更されていないため、gifの記録は引き続き有効な問題です。

@biesbjergをテストしていただきありがとうございます！ リポジトリを投稿するか、この問題を再現するために使用できるプランカーを作成できますか？

@ jgw96どうぞ！ https://github.com/biesbjerg/6228-ionic-keyboard-issues

手順：

1. git clone https://github.com/biesbjerg/6228-ionic-keyboard-issues.git
2. cd 6228-ionic-keyboard-issues
3. npm install
4. mkdir www （ wwwが存在する必要がある、またはプラグインのインストールが失敗するコルドバ/イオンバグのために必要）
5. ionic state reset
6. デバイスで実行

iOSビデオに示されている問題は、UIWebViewとWKWebViewの問題です。

Androidの問題は、私のコンテンツがflexboxを使用して垂直方向に中央に配置されていることと関係がありますが、それでも正常に動作する

こんにちは@biesbjerg ！ レポをありがとう。 この問題を修正する可能性のある今日のスクロールで起こっているいくつかの変更があります。テスト後に私の発見でこの投稿を更新します。

こんにちは@ jgw96！ いいね！ :-)

Touching an area that is not an input dismisses the keyboard.

この部分（まあ、そして他の部分）の隣にチェックがあります。 これは、次のリリースになるという意味ですか？ これは、キーボードの上部にある<ion-footer>に送信ボタンがあるチャットアプリケーションに最適です。 その場合、[送信]ボタンをクリックした後、キーボードが常に閉じるとは限りません。

皆さんこんにちは。 私も同じ問題を抱えています。 そして、私はいくつかのことを観察します。
入力が選択されていない場合、このケースがあります。

しかし、それを選択すると、これがあります

その結果、私は！importantでその悪い一歩を踏み出しました

そしてそれは私にとって一時的な解決策として機能します。

だから..position ：relativeを使用するものがあると、物事は本当に厄介になります

この例では、ロゴは相対位置の要素であり、最初の入力を押すと次のようになります。

ただし、2番目の入力を押すと、ロゴも押されます。

@ jgw96この問題と

私もこの問題について何かニュースがあることを本当に望んでいます、私のクライアントはたくさんのプレッシャーをかけています🙉

幸いなことに、最近のナイトリーでは入力の動作が非常に良くなっています。 この問題の元のロガーである私を含め、多くの人が修正に満足すると思います。

@yannbf 、公平をIonic2はまだプレリリースソフトウェアです。

私はそれを理解し、それが本当に合理的だと思います。 私はそれを渡すためのアップデートがあることを望んでいました。 イオンチームのおかげでとても感謝しています。

とにかく、その夜に私の現在のアプリをどのようにテストできますか？

@yannbf npm install ionic-angular<strong i="6">@nightly</strong> --save
そして、package.jsonをangular2.2.1に更新することを忘れないでください

毎晩の方がはるかにうまく機能します！ みんなありがとう

皆さんこんにちは！ Ionicをご利用いただきありがとうございます。 @biesbjergと@ yannbf 、 rc4にアップデートしてテストしていただけませんか？ そのリリースにはたくさんの入力スクロールの修正があり、うまくいけばあなたの男の問題を修正するはずです。 ありがとう！

@ jgw96はい、すでにやりました。 それははるかに優れています！ 最終リリースを切望しています😄

@ jgw96更新後はずっと良くなりましたが、 position:absoluteまたはposition:fixed要素は引き続き影響を受けます。 以前に印刷したロゴでそのページから移動することができましたが（別のアプローチでは、絶対位置を削除します）、次のページのように、ページ下部に「合意条件」が必要であるため、問題に直面しています。 ：

コードは次のとおりです。

<div class="agreement-text">
    <p>paragraph's content..</p>
</div>

そしてCSS：

.agreement-text {
    position: fixed;
    padding: 10px;
    margin-top: 40px;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    a {
      color: rgb(250, 231, 124);
    }
}

私の場合、RC5にアップデートした後も、Androidでのジャンプ入力の問題は残ります。 空白のテンプレートを使用して新しいプロジェクトを開始し、イオン入力コンポーネントをドキュメントからイオンコンテンツにコピーしました。以下の動作を実行します。

ご覧のとおり、最初のコンポーネントを除くすべてのコンポーネントがジャンプします。
レコードの場合、これはionic infoコマンドの出力です。

コルドバCLI：6.4.0
Ionic Frameworkバージョン：2.0.0-rc.5
Ionic CLIバージョン：2.2.1
Ionic App Libバージョン：2.2.0
Ionicアプリスクリプトバージョン：1.0.0
ios-deployバージョン：インストールされていません
ios-simバージョン：インストールされていません
OS：Windows 10
ノードバージョン：v6.9.2
Xcodeバージョン：インストールされていません

@ almr193その動作は正しく見えます。 キーボードがモバイルデバイスに表示されると、画面がスクロールします。 スクロールにより、強調表示された入力が常に表示され、画面キーボードで覆われないようになります。

@dylanvdmerwe迅速な返信をありがとうございます。私が提示したシナリオは正しく見え、キーボードが画面に表示されると画面がスクロールすることを理解しています。 ただし、アイテムの並べ替えが有効になっているion-list内にion-inputがある、別の奇妙なシナリオがあります。 入力が範囲外にジャンプし、ユーザーは入力内容を確認できません。

@ almr193はい、残念ながら、これはまだ解決されていない問題です。
上記の最初の投稿のAndroidアイテム1）および4）を参照してください。

+1まだ未解決です。 イオンネイティブのキーボードのメソッドはAndroidでは役に立たないようです

スライドと入力の使用で問題が発生しました。 スクロールを実行しないと、非常に奇妙な動作を示します。

+1

コルドバCLI：6.4.0
Ionic Frameworkバージョン：2.0.0
Ionic CLIバージョン：2.1.18
Ionic App Libバージョン：2.1.9
Ionicアプリスクリプトバージョン：1.0.0
ios-deployバージョン：インストールされていません
ios-simバージョン：5.0.13
OS：macOSSierra
ノードバージョン：v6.9.4
Xcodeバージョン：Xcode8.2.1ビルドバージョン8C1002

+1

これは、最新かつ最高のコルドバとイオンの問題です。

解決策や回避策はありますか？

- 更新しました -

入力を開始すると、入力はスクロールされて表示されますが、キーボードが最初に表示されたとき、入力はキーボードによって隠されています。

-

Your system information:

Cordova CLI: 6.5.0 
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
ios-deploy version: 1.9.1 
ios-sim version: 5.0.13 
OS: OS X El Capitan
Node Version: v6.1.0
Xcode version: Xcode 8.2.1 Build version 8C1002

第一画面

ドメイン入力要素を選択した後の画面

親愛なるイオンチーム（ @ manucorporat 、 @ brandyscarney 、 @ adamdbradley ）
あなたが次のバージョンに一生懸命取り組んでいることは知っていますが、これらのキーボードの問題はアプリのエクスペリエンスにとって非常に重要です。 仮想スクロールのような他の長年の問題と一緒に、彼らに高い優先順位を与えることを検討してください。
アプリのサイズが大きく、起動が遅いのは問題ありませんが、アプリをインストールして実行すると、キーボードの操作などの基本的なことを適切に体験できるはずです。

ここでチャイムを鳴らさなければなりません、

• ＃9633
• ＃9518
• ＃9514
• ＃8607

チームは最近、分割ペインなどの確かに優れた機能を追加している一方で、これらは腐敗したままになっているようです。

問題は、コア機能がまだ何らかの明白な方法で壊れている場合、新しい機能を追加しても意味がないということです。 フレームワークに追加する前に、基本的なことを正しく理解することが、間違いなくより重要です。

すべてのハードワークを愛していますが、ここでは優先順位が間違っているようです。

みんな、物事に優先順位を付けて修正するための最良の方法は、Ionicチームが問題をテストして見つけることができる_再現可能なコード_を提供することです。 スクリーンショットとGIFは壮大ですが、問題を確認するために使用できるコードが最適です。 ＃2セント

フォームと入力では、物を配置するためにdisplay: absoluteを使用しないことに注意してください。

私もこれらの問題を抱えています。 これは些細な問題ではありません。 これは、一見修正されていないように見える1年間、どのように問題になっていますか？

入力フィールドにフォーカスがあると問題が発生します。フィールドをクリックするたびに画面が上下します。 誰か助けてもらえますか？

Ionic Frameworkバージョン：2.3.0
Ionic CLIバージョン：2.2.2
Ionic App Libバージョン：2.2.1
Ionicアプリスクリプトバージョン：1.1.4
ios-deployバージョン：1.9.1
ios-simバージョン：5.0.4
OS：macOSSierra
ノードバージョン：v7.2.0
Xcodeバージョン：Xcode8.2.1ビルドバージョン8C1002

@pedrodurekイオンの人が繁殖できるように、プランカーを提供すると素晴らしいでしょう。

テキストが飛び交う問題の一時的な回避策を見つけました。 これは修正ではありませんが、より良い修正が実装されるまでは本質的にハックです。

まず、次のセットがあることを確認してください。

this.keyboard.disableScroll(false);
this.keyboard.hideKeyboardAccessoryBar(true);

次に、app.module.tsで次を見つけます。

IonicModule.forRoot(YourApp)

そしてそれをこのようにします：

IonicModule.forRoot(YourApp, {
      scrollAssist: false,
      autoFocusAssist: false
    }),

これにより、ジャンプの問題は修正されますが、残念ながら、ユーザーが入力しているときにナビゲーションバーを画面から押し出す効果があります。 しかし、これは私が気付いた唯一の悪い副作用のようです。

@ Tyler-Darbyソリューションを共有していただきありがとうございます。これは最善のソリューションではありませんが、妥当なソリューションであり、私にとってはうまくいきました。

私はこの問題を抱えていて、それが私を狂わせていましたが、ハードウェアアクセラレーションを強制するために要素にtransform: translate3d(0,0,0)を適用したことが原因であることがようやくわかりました。 キーボードが上がったときに入力フォーカスを壊すことが判明しました。

それがみんなの問題の原因ではないと確信していますが、うまくいけば誰かを助けることができます。

私は複数のプラットフォームを持っていて、それを修正していました。

app.component.tsを入力しました：

constructor(
                ...
                public config: Config,
        ) {
                // all platforms
        this.config.set( 'scrollPadding', false )
        this.config.set( 'scrollAssist', false )
        this.config.set( 'autoFocusAssist', false )
        // android
        this.config.set( 'android', 'scrollAssist', true )
        this.config.set( 'android', 'autoFocusAssist', 'delay' )
               ...

多分それは誰かのために役立つでしょう。
ヒントをありがとうございます;）

ビデオをチェックしてください：
https://www.dropbox.com/s/6p49z0chle9g1b9/git-ios-input.mov?dl=0

環境情報：
グローバルパッケージ：

@ionic/cli-utils : 1.3.0
Cordova CLI      : 7.0.1 
Ionic CLI        : 3.3.0

ローカルパッケージ：

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.3.0
@ionic/cli-plugin-ionic-angular : 1.3.0
Cordova Platforms               : ios 4.4.0
Ionic Framework                 : ionic-angular 3.3.0

システム：

Node       : v7.10.0
OS         : macOS Sierra
Xcode      : Xcode 8.3.2 Build version 8E2002 
ios-deploy : 1.9.0 
ios-sim    : 5.0.8

<input/>を<ion-input></ion-input>
それを試してみてください。

こんにちは@maulikakapure 、

会社で最初のイオンアプリケーションを開始していますが、キーボードのスクロール/フォーカスの問題もあります。 明らかに、あなたはあなたのビデオで示した解決策を見つけました。 ソースコードを教えていただけますか？ 使用する回避策、構成パラメーター、およびhtmlタグの適切な組み合わせをまだ見つけていません。

ありがとう

@ Tyler-Darby Hey Tyler、次のコードはどこに配置しますか？

this.keyboard.disableScroll(false);
this.keyboard.hideKeyboardAccessoryBar(true);

こんにちは@cwiejack

ここで簡単なデモを確認してください： https ：

ありがとう。

Ionicのデフォルトのキーワードの問題を修正するには、app.module.tsのインポートに次のように入力します。

    IonicModule.forRoot(MyApp, {
      scrollAssist: false,
      autoFocusAssist: false
    })

これで、キーボードの問題がすぐに修正されます。

@aplimovilこれは私のAndroidアプリの問題を解決しました！ よろしくお願いします！

scrollAssistとautoFocusAssistをtrueするとアプリが使用できなくなる場合、どのようなポイントがありますか？

それらを有効にすることでいくつかの利点が得られる場合はありますか？

aplimovilの修正により、私が抱えていたすべての問題が修正されたようです。

そうですね、なぜあなたがこれらのいずれかを真に設定したのか興味があります。

@JefferEこれは、IonicのscrollAssistおよびautoFocusAssist機能がiOSで壊れており（Androidでは、拡張機能は少なくとも私にとってはほとんど気づかれていませんが、ほとんど問題なく動作します）、ここですべての問題レポートを十分に記録していないため、修正されているようです。今後のリリースで。 うまくいけば、彼らはいつかこのスレッドに気づき、iOSでそれらの機能を永久に修正するか、iOSでは今のところデフォルトでそれらを選択的にオフにするでしょう。

grid、keyboard.disablescroll（false）のion-textareaが機能しない場合はどうすればよいですか？

これは私のために働いた

imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
            scrollPadding: false,
            scrollAssist: true,
            autoFocusAssist: false

    }),

イオン情報：

CLI Packages:

@ionic/cli-utils  : 1.10.2
    ionic (Ionic CLI) : 3.10.3

global packages:

    Cordova CLI : 7.0.1 

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.6.1

System:

    Android SDK Tools : 25.2.5
    ios-deploy        : 1.9.1 
    ios-sim           : 5.0.8 
    Node              : v6.11.3
    npm               : 3.10.10 
    OS                : macOS Sierra
    Xcode             : Xcode 8.3.3 Build version 8E3004b 

iOSでも同様の問題が発生していることをお知らせしたいと思います。それは、キーボードが入力フィールド上をスクロールし、コンテンツ画面がキーボード用のスペースを作るために更新されないことです。

私が見つけた重要な点は、プラグイン（@ ionic-native / Keyboardなど）を使用する場合です。
キーボードがthis.keyboard.onKeyboardShow().subscribe(()=>{ this.someFlag=true})表示された瞬間にインターフェイスに何かを実行し、インターフェイスのフラグを使用して何かを変更します。 変更されません。 ChangeDetectorRefをインポートし、 subscribeそのdetectChanges()関数を使用して、角度変更検出を自分でトリガーする必要があります。

ケースを示すためにこのgitrepoを作成しました。 お気軽にご覧ください。 subscribe(()=>{})で何かを変更したり、変更を加えたりしても、インターフェースに表示されない場合があることに気づかなかったので、これは私にとって目を見張るもの

今日は少し賢くなった:)

最後に、皆さん、素晴らしい週末をお過ごしください。

この問題が1。5年以上前のものであり、何の措置も取られていないことに私は当惑しています。 これは私のアプリの流れを完全に台無しにしています。 バグが多く、品質が悪いように見えます。見栄えを良くするために、ハッキングを行う必要があります。 @mhartingtonここで内部的に何かが起こっていますか？

ionicのPROバージョンを使用したフォローアップとして、Ionicの@matthewkremerと電話で会話し

わたしも。 これはまったく見栄えがよくありません。

ねえ、これは私たちにとって最優先事項になりつつあります。今朝の@adamdbradleyのツイートを参照してください： https ： //twitter.com/adamdbradley/status/916295747968040960

今後数日/数週間で更新を期待する

良さそうですね不必要なハックを適用せずにすぐに人生を取り戻すことを願っています。

すでにWKを使用している人のために、私は新しいキーボードプラグインを準備しています： cordova-plugin-ionic-wkkeyboard ：

1. 最初にionic-plugin-keyboardをアンインストールします

cordova plugin rm ionic-keyboard-plugin --save

1. 新しいプラグインをインストールします。

cordova plugin add cordova-plugin-ionic-wkkeyboard --save

cc @hitendramalviya @ ionut-movila @mmolhoek @ Tyler-Darby @yingbaby @maulikakapure @aplimovil

この新しいwkkeyboardと、FormGroupsおよびFormControlsを使用したion-textareaの無効化/有効化には奇妙な問題があります。 フォーム全体を再度有効にした後、ion-textareaは無効のままになります。 「古い」キーボードを使用している間は発生しません。

今夜問題を作成します:)。

// 編集：
おそらくそれは何か他のものに関連する問題です。 ブラウザでの同じ動作。
https://github.com/ionic-team/ionic/issues/13170

入力へのスクロールはもちろん、キーボードが単にサイズ変更をトリガーしない場合は、何を探す必要がありますか？

スクロールの問題はすでに解決されているようですが、iOSでまだ問題が発生しており、入力が画面の中央にあると、キーボードが上がっているときに入力がスクロールされません。 これは、入力がタップされたとき、またはキーボードのナビゲーションキーを使用したときの両方で問題になります。 私は何かが足りないのですか？ ここに示した解決策をたくさん試しましたが、機能していないようです。 （追加情報については、ネイティブアプリとしてではなくブラウザーでIonicを使用しています）

すごい2018と何も。

彼らは私にこの解決策を与えましたが、それは完全ではありません

.scroll-content {
padding-bottom：0！重要;
}

こんにちはみんな、私は誤ってデフォルトのビルドに_cordova-plugin-ionic-keyboard_があることに気づきました。 そして、それを_ionic-plugin-keyboard_に置き換えたとき、入力のバグはなくなりました。

だから私の解決策は：
コルドバプラグインrmionic-keyboard
ioniccordovaプラグインはionic-plugin-keyboardを追加します
npm install --save @ ionic-native / Keyboard

+1

Vendettall、私はそれを試しましたが、うまくいきませんでした！

ヘッダーツールバーにこの厄介なバグがありますか？

23:31の木、2018年3月29日には、エマニュエルFache [email protected]
書きました：

Vendettall、私はそれを試しましたが、うまくいきませんでした！

—
あなたがコメントしたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/ionic-team/ionic/issues/6228#issuecomment-377362762 、
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AYPMdggjRqZBZ0wghtxFjVbPLViBkR8hks5tjUSQgaJpZM4IKhUp
。

それでもこの問題が発生する場合は、新しいイオンキーボードプラグインを試してください

ionic cordova plugin rm  ionic-keyboard-plugin
ionic cordova plugin add cordova-plugin-ionic-keyboard

次に設定します

<preference name="KeyboardResizeMode" value="ionic" />

config.xml内

やあ、
私が作業しているアプリでは、すべてが正常に機能しています。 しかし、何らかの理由で、htmlテーブル内の入力を使用する必要があります。 この場合、入力をクリックするたびにテーブルが再描画され、テーブルのスクロールがリセットされます。
誰かがここで助けることができますか？

また、変換の問題が発生しているのを確認します。 かなり迷惑です。

pbをスクロールするために、私はここにハックを書きました： https ：

2017年8月1日にコメントされたAbrahamLopez10の上のこのコメントは、Androidキーボードがポップアップしたときに入力フィールドをスクロールして表示するので、私にとっては完璧に機能しました。

@ dylanvdmerwe 、 @ jgw96 @mhartington @ Tyler-Darby @manucorporat @adamdbradley

こんにちは皆さん、私はIonic2および3アプリケーション用のiOSおよびAndroidプラットフォームでこの問題を処理するためのカスタムディレクティブを作成しました。 これで、このスクロールの問題に関連するすべての問題が解決するかどうかを確認してください。

このディレクティブを作成するために、必要に応じてスクロールイントゥビューのポニーフィルを使用しました

コマンドnpm install ion-input-scroll-into-view実行してion-input-scroll-into-viewディレクティブをインストールします

ステップ1
次のように、ion-input-scroll-into-viewディレクティブをion-inputまたはion-textareaにアタッチします。

<ion-input ion-input-scroll-into-view></ion-input>

<ion-textarea ion-input-scroll-into-view></ion-textarea>

ステップ2

次のように、親コンポーネントのmodule.tsにIonInputScrollIntoViewModuleをインポートする必要があります。

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ParentPage } from './parent';
import { IonInputScrollIntoViewModule } from 'ion-input-scroll-into-view';

@NgModule({
  declarations: [
    ParentPage
  ],
  imports: [
    IonicPageModule.forChild(ParentPage),
    IonInputScrollIntoViewModule
  ],
})
export class ParentPageModule {}

npmリンク： https ：
githubリンク： https ：

問題をありがとう！ Ionic3のソースコードと問題を別のリポジトリに移動しました。 この問題をIonic3のリポジトリに移動します。この問題を追跡してください。

Ionicをご利用いただきありがとうございます。

問題は次の場所に移動しました： https ：