Ionic-framework: bug: Keyboard mendorong seluruh layar ke atas

Melihat masalah yang sama di aplikasi kami di iOS saja. Pada perangkat sepertinya selalu terjadi, tetapi di emulator iOS itu hanya terjadi setiap waktu atau lebih. Saya sebenarnya menggunakan ionic 1.7.14

Masalah yang sama di sini +1 di IOS9

Masalah yang sama di sini di iOS

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

memperbaiki masalah serupa untuk saya. Ini mungkin membantu. Saya juga harus menginstal pengetikan cordova dan ionic-cordova.

Keyboard tidak bergerak ke atas dengan keyboard

+1

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

Dalam pencarian saya, tampaknya ada dua sistem yang tertarik untuk memindahkan konten ketika keyboard lunak dibuka: browser asli yang mendasarinya dan perpustakaan Ionic2 itu sendiri.

Keyboard.disableScroll(false) (tersedia melalui plugin cordova "ionic-plugin-keyboard") berhasil menghentikan browser asli dari mendorong/menggulir panel konten ke atas dan memungkinkan keyboard untuk menggeser dan menutupi konten yang ada.

Namun, di bawah default Ionic2, ada fitur tambahan yang mencoba mengkompensasi slideover keyboard dengan menambahkan padding ke bagian bawah konten Anda ('scrollAssist') dan untuk menjaga elemen input terfokus di dalam viewport dengan menggulir kembali ke sana ( 'autoFocusAssist'). Baik scrollAssist dan autoFocusAssist telah mengimplementasikan sakelar dengan baik dalam konfigurasi yang tampaknya belum didokumentasikan secara publik.

Dengan perilaku kedua belah pihak dinonaktifkan, keyboard asli akan meluncur ke atas konten yang ada tanpa mendorong atau menggulir di aplikasi Ionic2 (beta.3) yang digunakan untuk iOS 9.2 dan Android 6.0. Contoh konfigurasi tingkat aplikasi ada di intinya:
https://Gist.github.com/EvanWillms/8773f8cfa12f469fabf0bdd7a75723e7

@jgw96 , saya pikir sebenarnya ada dua masalah terpisah yang layak diselesaikan di sini.

1) Kebutuhan komunikasi untuk membantu mengurangi kebingungan yang saya alami oleh @ihadeed , @damienadermann dan saya ketika kami ingin mengizinkan keyboard asli muncul tanpa mendorong atau menggulir konten yang ada, tidak mengalami banyak kesuksesan dengan tampilan yang menjanjikan Keyboard.disableScroll(true); plugin, dan menabrak dinding. Menurut saya, solusi untuk ini adalah beberapa dokumentasi baru seputar opsi konfigurasi scrollAssist dan autoFocusAssist untuk kita temukan dan gunakan.

2) Bug yang dapat direproduksi dalam perilaku scrollAssist didokumentasikan dengan baik oleh @hrpatidar di #5764 di mana pengembang yang _melakukan_ ingin _beberapa_ konten didorong keluar dari keyboard asli oleh ionic sekarang memiliki padding pada <content-scroll> mereka

@EvanWillms Halo! Terima kasih telah melakukan penelitian lebih lanjut tentang masalah ini! Jadi seperti yang Anda lihat, masalah ini, dan beberapa masalah lain yang Anda komentari telah ditandai untuk pencapaian beta.5. Kami baru saja merilis beta.4 (yayyy!) jadi saat ini kami beralih ke beta.5. Artinya, pada titik ini, Anda dapat mengharapkan masalah ini diperbaiki pada rilis berikutnya dari Ionic 2. Sekali lagi terima kasih!

masalah yang sama di android

@adamdbradley
Sekedar catatan, perbaikan ini (dan perbaikan keyboard lainnya yang tercantum dalam pencapaian beta.5) tidak tercantum di dokumen google Anda untuk pencapaian beta.5 mendatang. Saya ingin tahu apakah itu berarti telah dihapus dari beta.5 (Saya akan sangat sedih mendengarnya) atau jika dokumen pencapaian belum diperbarui?
dokumen ini:
https://docs.google.com/document/d/1Qlc5X2eJyOB0izkFlH7KJ5BmMi0MeXUZRHJHt3hS6Wo/edit
Terima kasih!

Apakah fitur pemasangan keyboard merupakan bagian dari ini atau masalah yang terpisah sama sekali? Apakah akan semudah (secara relatif) mengambil direktif keyboard-attach v2 dan mengubahnya menjadi direktif v2? Saya percaya @mhartington telah menyarankan itu sebelumnya.

@ihadeed Saya memiliki aplikasi seperti obrolan yang juga menggunakan bilah alat ion dengan posisi bawah dengan input ion di dalamnya. Bagaimana Anda menangani "lampirkan keyboard" sehingga bilah alat "mengalir" dengan keyboard pada fokus input?

Saya memang menemukan solusi tetapi saya tidak senang dengan itu: https://forum.ionicframework.com/t/keyboard-attach-in-ionic-2/49635

@nunoarruda di sini adalah bagaimana saya menerapkannya:

<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 terima kasih telah mencoba membantu tetapi itu hanya markup. Saya sedang berbicara tentang jika/bagaimana Anda secara terprogram memperbaiki masalah "lampirkan keyboard"

Menggunakan markup di luar tag ion-content memecahkan masalah bagi saya.

@ihadeed https://github.com/ihadeed terima kasih telah mencoba membantu tetapi itu
hanya markup. Saya sedang berbicara tentang jika/bagaimana Anda memperbaikinya secara terprogram
Masalah "lampirkan keyboard"

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung atau lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment -218032368

@ihadeed Hum, aneh. Saya menggunakan kode di luar ion-content, di situlah sebenarnya seharusnya, tetapi ketika saya memfokuskan input-ion itu tetap berada di belakang keyboard. Terima kasih

Bisakah Anda memberi saya markup lengkap halaman Anda? saya mungkin bisa
temukan perbedaan antara milikmu dan milikku.
Pada 9 Mei 2016 21:12, "Nuno Arruda" [email protected] menulis:

@ihadeed https://github.com/ihadeed Hum, aneh. Saya menggunakan kode
di luar kandungan ion, di situlah seharusnya, tetapi ketika saya
fokus ion-input itu tetap berada di belakang keyboard. Terima kasih

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung atau lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment -218033863

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

Juga inilah seorang plunker: http://plnkr.co/edit/AwJiEYptJo9g3stYaNqZ?p=preview

Saya melihat bahwa. Maksud saya, saya ingin melihat markup seluruh halaman bukan hanya
bilah alat.
Pada 9 Mei 2016 21:15, "Nuno Arruda" [email protected] menulis:

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

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung atau lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment -218034328

@ihadeed ya, tentu. cek plunkernya

Halo semua! Apakah ini masih menjadi masalah dengan Ionic 2 beta.10? Terima kasih!

Ya, ini masih menjadi masalah dengan beta.10

Masih tidak berfungsi.
Tolong perbaiki ini.

Saya masih menghadapi masalah ini

Masih menghadapi masalah juga

+1

+1

Ini benar-benar masalah besar karena dibutuhkan oleh banyak aplikasi obrolan. Saya berharap masalah ini dapat diperbaiki sesegera mungkin. Terima kasih banyak untuk tim ionik :) .

aplikasi kami siap digunakan, kami khawatir produk kami tidak dapat lulus ujian toko karena masalah ini, terima kasih.

Ya, masih menjadi masalah, dan bagi saya itu terjadi di android dan di layar yang menggunakan flex

+1

Halo semua! Menemukan kemarin bahwa ada api baru yang datang di chrome https://github.com/WICG/ViewportAPI yang akan sangat membantu dengan masalah ini! Terima kasih atas kesabaran semuanya!

+1

Saya juga mengalami masalah ini dengan <ion-content fullscreen> Saya memiliki gambar latar belakang di ion-content dan keyboard mendorong gambar ke atas

Hai.. Saya juga menghadapi hal yang sama di mana masalahnya adalah:

• ada celah setelah keyboard ditutup (ukuran celah sama dengan ukuran keyboard).

Dan saya mencoba keberuntungan saya menggunakan perbaikan sederhana dengan menambahkan: style="height:90% !important;" ke dalam tag <ion-content> .. Dan sekarang berfungsi dengan baik.. :)

Alternatif lain adalah dengan memodifikasi kode seperti ini:

window.addEventListener('native.keyboardhide', keyboardHideHandler);
fungsi keyboardHideHandler(e){
var keyBoardGap = document.querySelector("#chatContainer");
keyBoardGap.classList.add("heightForce");
keyBoardGap.classList.remove("heightForceUp");
}

window.addEventListener('native.keyboardshow', keyboardShowHandler);
fungsi keyboardShowHandler(e){
var keyBoardGap = document.querySelector("#chatContainer");
keyBoardGap.classList.remove("heightForce");
keyBoardGap.classList.add("heightForceUp");
}

CSS:

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

Semoga ini bisa membantu orang lain :)

Belum ada solusi untuk ini?

Hai teman-teman, apakah ini setidaknya dijadwalkan untuk beberapa tonggak sejarah? Akan sangat bagus untuk mengetahui apakah seseorang sedang melakukan/merencanakan untuk melakukan sesuatu tentang hal ini. Terima kasih sebelumnya!

Untuk @keithdmoore @nunoarruda dan siapa saja yang membutuhkan fungsionalitas keyboardAttach dari Ionic 1, berikut adalah versi Ionic 2. Beri tahu saya jika itu berhasil untuk Anda! Saya belum menguji ini di Android.

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

+1

Kami menghadapi masalah yang sama, masih belum ada solusi untuk itu?

solusi untuk pertanyaan ini, Ada yang tahu?

Benar-benar menyerah tentang pertanyaan ini. Bahkan karena masalah keyboard, perusahaan saya menyerah untuk menggunakan ionic. Keyboard benar-benar merusak pengalaman pengguna.

@kitkimwong , hal yang sama terjadi di perusahaan saya juga.
@brandyscarney , Bisakah kami mendapatkan solusi untuk ini?

Mungkin ada harapan dari email pencipta Ionic baru-baru ini:

_Pembaruan Terbaru Lainnya_ [gambar: tada]

• _Komponen "Container" telah ditambahkan_. Bagus untuk hal-hal seperti menempatkan
  komponen lain di dalam gulungan ion. Tutorial membuat Firebase Chat
  Aplikasi minggu depan menggunakan ini!

sangat membuat frustrasi meskipun kami tidak mendapat tanggapan dari tim
meskipun.

Ayo ion :)

Pada Kam, 22 Sep 2016 pukul 06.17 Maruti Hulikatti [email protected]
menulis:

@kitkimwong https://github.com/kitkimwong , hal yang sama terjadi di my
perusahaan juga.
@brandyscarney https://github.com/brandyscarney , Bisakah kami mendapatkan apa saja
solusi untuk ini?

—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment -248814896,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AGVqeolAvpM6_HOyCgv8CIODvLA-YTuUks5qsg-EgaJpZM4HYsIN
.

Salam Hormat,

Alexander Madyo

Hei kalian, maaf untuk keheningan radio. Kami telah berfokus untuk menyelesaikan dan menguji beta 12. Jadi, melihat masalah tersebut, tidak 100% jelas tentang masalah apa itu atau bagaimana cara membuatnya kembali. Setiap contoh yang disebutkan tidak lagi valid karena menggunakan versi ionik dan markup yang lebih lama.

Bisakah seseorang menjelaskan masalahnya dengan jelas dan mengikuti templat masalah github kami.
https://github.com/driftyco/ionic/blob/master/.github/ISSUE_TEMPLATE.md

Jika memungkinkan, demo kecil yang terisolasi selalu membantu.

Cara memindahkan tombol keren di atas keyboard seperti android di ios. Ada yang bisa tolong

Halo semua! Karena sepertinya sudah lama sejak ada aktivitas tentang masalah ini, saya akan menutupnya untuk saat ini. Jangan ragu untuk berkomentar jika Anda masih mengalami masalah ini. Terima kasih telah menggunakan Ionic!

Sangat sedih mendengar bahwa tidak ada solusi yang disediakan oleh ionic2, tetapi kabar baik untuk melihat bahwa ada pendekatan yang baik untuk pemecahan masalah dilakukan oleh @Manduro menggunakan padding , disablescroll dan observable, seperti ionic1.

Bagaimanapun, kabar baik.

Ya masih mengalami masalah dengan rc0

@mhartington @jgw96 Saya baru-baru ini memutakhirkan dari beta 11 ke rc0. Peningkatan kinerja yang besar, terima kasih.

Saya juga menghadapi masalah keyborad ini di iOS 10. Saya akan mencoba menjelaskan dengan gambar di bawah ini.

• Ini adalah layar beranda saya dengan daftar geser dan mengklik atur peringatan akan membuka prompt AlertController memerlukan input. Fokus otomatis pada input tidak berfungsi, jadi saya harus mengklik kotak input secara manual untuk membuka keyboard.

• Mengklik pada kotak input menunjukkan keyboard. Terkadang menggulir ke atas, terkadang keyboard tumpang tindih. Juga, saya dapat menggulir layar sepenuhnya yang menampilkan tab, terlihat aneh, bukan?

Lihat bilah atas iOS - teks tumpang tindih sehingga tidak dapat melihat waktu

keyboard overlapping alertController - kebanyakan terjadi hanya untuk pertama kali

dapat menggulir layar, terlihat aneh, saya pikir saat menggulir, Keyboard harus menutup dan menghapus fokus dari alertController

Saya memperbaiki masalah terakhir dengan menambahkan Keyboard.disableScroll(true); di app.component.html saya. Lihat http://ionicframework.com/docs/v2/native/keyboard/ untuk detailnya

Beri tahu saya jika ini berguna atau bisakah saya memberikan detail lebih lanjut?

-Terima kasih

Ini masih menjadi masalah. Saya memiliki gambar latar belakang yang didorong ke atas setiap kali keyboard lunak muncul, yang membuat halaman terasa sangat berantakan. Silakan buka kembali masalah ini, masih belum diperbaiki.

+1

@jgw96 @adamdbradley Saya membuat demo singkat untuk masalah ini menggunakan template kosong, silakan periksa. Input tidak menggulir ke atas secara otomatis dan masih tertutup oleh keyboard lunak.

https://github.com/sotisoti/input_demo

Info ionik saya

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

+1

+1

Pada Selasa, 8 November 2016 pukul 15:21 Adrian [email protected] menulis:

+1

—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment -259165278,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AGVqeleJwPN6P2MTB2o6-uPEiTt8vMlKks5q8JOXgaJpZM4HYsIN
.

Salam Hormat,

Alexander Madyo

@jgw96 dapatkah Anda membuka kembali, ini masih menjadi masalah dan benar-benar membutuhkan cinta Ionic Dev?

+1

Saat ini saya menggunakan solusi Lampirkan Keyboard @Manduro tetapi seperti yang dikatakan banyak orang di sini, akan sangat bagus untuk memiliki solusi Ionic asli (karena saya telah menemukan masalah UX lain yang juga berkaitan dengan meletakkan input/tombol di atas keyboard

Halo dari websummit, Lisbon

Saya telah menyusun proyek demo yang mengilustrasikan masalah ini. aku akan menjadi
posting kode di sini nanti.
Pada Kam, 10 Nov 2016 pukul 17:04, Mike Hartington [email protected]
menulis:

Dibuka kembali #5432 https://github.com/driftyco/ionic/issues/5432.

—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#event -854785108, atau bisu
benang
https://github.com/notifications/unsubscribe-auth/AGVqeuyY56HJxZJ6mHElOHI9wcbCwT_rks5q806fgaJpZM4HYsIN
.

Salam Hormat,

Alexander Madyo

Hei kalian, maaf untuk itu. Kami akan memastikan ini diperbaiki sebelum 2.0 final

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

@mhartington Anda mungkin mempertimbangkan untuk menghapus label needs reply , karena menurut saya sudah terpenuhi.

+1
Saya mendokumentasikan laporan bug lengkap tentang masalah yang tampaknya terkait #5571

+1

Hidup saya akan jauh lebih baik dengan ionic2 keyboard attach

Bukan mengemis, tapi tolong cantik :)

Pada Selasa, 8 November 2016 pukul 22:19, Matt David [email protected] menulis:

+1

—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment -259277519, atau bisu
benang
https://github.com/notifications/unsubscribe-auth/AGVqenbB4U5HGHH-Lq3o4VqNI-Br9i9cks5q8PV4gaJpZM4HYsIN
.

Salam Hormat,

Alexander Madyo

KeyboardTest.zip

Terlampir adalah proyek demo ionic2 yang menunjukkan masalah.

1) meskipun ada upaya yang dilakukan dalam proyek uji terlampir, keyboard tidak mungkin tetap ditampilkan di antara pesan berurutan tanpa gerakan turun/naik sementara yang canggung.

2) input melompat ke atas dan ke bawah ketika keyboard ditampilkan/disembunyikan - ini adalah transisi yang sangat tidak mulus seperti yang ditunjukkan oleh proyek.

3) ada terlalu banyak penundaan dalam menampilkan/menyembunyikan keyboard, perbedaan yang signifikan dan nyata dalam kecepatan, kelancaran transisi yang terlihat di aplikasi asli.

4) ini seharusnya bekerja tidak hanya untuk bidang input, tetapi jika sebuah tombol berada di footer dan input lain di area konten utama difokuskan, maka keyboard akan meluncur ke atas dengan tombol ditampilkan di atasnya; yaitu harus ada opsi untuk menggeser item footer ke atas saat keyboard ditampilkan, jenis item apa pun yang mungkin ada di footer. Seharusnya tidak hanya melompat ke posisi, elemen harus meluncur ke atas dengan keyboard seperti yang mereka lakukan di iMessage, whatsapp, skype dll.

@mhartington bahwa Anda telah membuka kembali dan saya harap ini membantu dan menyaring inti masalah.

@alexmady @mhartington
Ada solusi sementara yang diposting @EvanWillms pada bulan April
https://Gist.github.com/EvanWillms/8773f8cfa12f469fabf0bdd7a75723e7
Saya memodifikasinya untuk RC2 dan saya dapat mengonfirmasi bahwa itu berfungsi di RC2

Harap dicatat bahwa _itu tidak menyelesaikan masalah_, itu hanya menonaktifkan semua fitur gulir keyboard secara membabi buta.

Masalah masih ada di RC3 (diuji dengan aplikasi konferensi dan memasukkan teks di bilah pencarian).
NavBar Bawah masih didorong ke atas.

Yay Mike bilang mereka sedang memperbaikinya!
Sebenarnya, di slack, mereka mengatakan RC4 adalah semua tentang Keyboard, jadi Anda semua harus menantikannya!

apakah ada akan diperbaiki di RC4?

Halo semuanya! Maukah Anda mencoba yang terbaru setiap malam (npm install ionic-angular @nightly --save dan perbarui package.json Anda ke angular 2.2.1). Malam itu seharusnya ada perbaikan untuk masalah ini.

@ jgw96 apakah Anda mengatakan itu hanya diperbaiki untuk ionic 2?

@Ross-Rawlins ini bukan masalah di ionic 1, selama Anda memiliki keyboard.disableScroll(false) .

Masalah ini hanya terkait dengan V2, seperti yang dinyatakan oleh label.

@ jgw96 Saya telah memperbarui setiap malam dan pindah ke sudut 2.2.1 tetapi masih mendapatkan kesalahan yang sama. Seluruh konten gulir (termasuk div tetap di bagian bawah) bergerak ke atas pada fokus input ion!
Platform: Tampilan web Android dan Chrome

Menghadapi masalah yang sama dengan ionic2.

Apakah ada solusi?

@mhartington - Harap dapatkah Anda mengonfirmasi jika semua masalah yang saya sebutkan sebelumnya telah diatasi:

KeyboardTest.zip

Terlampir adalah proyek demo ionic2 yang menunjukkan masalah.

terlepas dari upaya yang dilakukan dalam proyek uji terlampir, keyboard tidak mungkin tetap ditampilkan di antara pesan berurutan tanpa gerakan turun/naik sementara yang canggung.

input melompat ke atas dan ke bawah ketika keyboard ditampilkan/disembunyikan - ini adalah transisi yang sangat tidak mulus seperti yang ditunjukkan proyek.

ada terlalu banyak penundaan dalam menampilkan/menyembunyikan keyboard, perbedaan yang signifikan dan nyata dalam kecepatan, kelancaran transisi yang terlihat di aplikasi asli.

ini seharusnya tidak hanya berfungsi untuk bidang input, tetapi jika tombol berada di footer dan input lain di area konten utama difokuskan, maka keyboard akan meluncur ke atas dengan tombol ditampilkan di atasnya; yaitu harus ada opsi untuk menggeser item footer ke atas saat keyboard ditampilkan, jenis item apa pun yang mungkin ada di footer. Seharusnya tidak hanya melompat ke posisi, elemen harus meluncur ke atas dengan keyboard seperti yang mereka lakukan di iMessage, whatsapp, skype dll.

@alexmady Saya akan melihatnya, terima kasih atas demo proyeknya.

Sekilas saya akan perhatikan bahwa Anda tidak menggunakan build malam, di mana sebagian besar ini harus diperbaiki.

@jgw96 @mhartington Justin dan Mike ketika Anda mengatakan mencobanya dengan malam karena seharusnya memperbaiki masalah, bagaimana kami harus mengujinya? Saya memiliki bidang input di footer ionik standar dan ketika saya mengkliknya, keyboard bergerak ke atas dan menyembunyikan bidang tersebut. Saya menginstal nightly build dan membangun kembali proyek dan masih menyembunyikan bidangnya. Apa perbaikan di versi malam yang perlu kita gunakan? Terima kasih

Berikut footer saya:

<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>

terima kasih @richardshergold , saya sedang mencarinya

Masalah bagi saya adalah bahwa ion-input (type="text") terkadang tersembunyi di balik keyboard jika Anda memilih input ion teks yang ada di dalam ion-item-sliding. Konten bergulir ke atas sebentar dan kemudian melompat ke posisi lain. Jadi input disembunyikan oleh keyboard dan Anda dapat memasukkan teks ke dalam bidang teks tetapi Anda tidak dapat melihat apa yang Anda ketik.

Saya telah menyertakan repositori yang menunjukkan masalah - Lihat: #9642

@alexmady dan @richardshergold menggunakan proyek sampel Saya dapat menyelesaikan sebagian besar masalah ini hanya dengan sedikit refactoring.

Proyek sampel memiliki sedikit kode yang tidak dibutuhkan, dan tidak menggunakan nightly terbaru (sekarang RC4).

Berikut adalah contoh kode/proyek

https://github.com/mhartington/KeyboardTest

Ini berperilaku seperti yang diharapkan di android.

Namun iOS memiliki masalah dengan input yang dicakup.
Saya akan menyelidiki itu lebih lanjut.

Terima kasih semua atas kesabaran Anda dengan ini, ini bukan masalah yang mudah untuk dipecahkan.

Terima kasih atas pembaruannya @mhartington

Saya baru saja mencoba Anda contoh repositori di iOS dan memang menyembunyikan input.

Ini adalah gif yang menunjukkan masalahnya.

Berikut adalah gif lain yang menunjukkan bagaimana footer harus meluncur ke atas dan apa yang saya yakin kita semua cari:

terima kasih dan nantikan pembaruannya.

Ya @alexmady , ios terbukti bermasalah.
Saya dapat menggunakan arahan lampiran keyboard yang dikirimkan pengguna untuk ios, tetapi saya mengalami masalah dalam mempertahankan fokus input ketika Anda mengetuk tombol kirim di sebelah kanan. Saya akan perhatikan, bahwa mengetuk tombol kembali/masuk pada keyboard, semuanya berfungsi dengan baik. iOS tampaknya bersedia kehilangan fokus pada input sedikit lebih cepat daripada Android.

Kalian mungkin ingin melihat pertanyaan SO berikut untuk beberapa solusi atau mungkin untuk mengarahkan Anda menemukan solusi akhir untuk masalah ini: http://stackoverflow.com/questions/36706398/in-ionic-2-how- untuk-mengambang-elemen-di atas-keyboard-ketika-keyboard-menunjukkan

terima kasih atas pembaruannya @mhartington

Idealnya kita perlu mencocokkan kegunaan dari aplikasi obrolan yang ada, kita benar-benar membutuhkan tombol kembali untuk tujuan lain.

Apakah tidak ada yang bisa kita lakukan di ionic untuk mengubah perilaku tombol kirim agar fokus tidak hilang? Jika kita menyertakan input dalam formulir misalnya, mungkinkah itu membantu menangkap dan mencegah hilangnya fokus pada saat yang sama dengan mengirim pesan?

@nunoarruda - terima kasih atas masukan Anda (tidak ada permainan kata-kata) tentang hal ini namun penyebutan saran pada SO tidak menyelesaikan masalah input kehilangan fokus setelah setiap pesan dikirim. Misalnya jika Anda ingin mengirim 5 pesan, Anda harus menampilkan dan menyembunyikan keyboard 5 kali, yang agak kikuk dibandingkan dengan yang biasa dilakukan orang dengan cara kerja banyak aplikasi asli.

Sepertinya ada topik di sini tentang Tombol Kirim yang menutup keyboard; Saya juga membangun fitur obrolan untuk aplikasi iOS saya dan ingin tahu apakah masalah ini sedang diselidiki untuk RC5?

Saya membuka masalah ini beberapa waktu lalu, #9238

Terima kasih!

Hai @mhartington

Tolong apakah ada pembaruan tentang ini? Saya bertanya-tanya apakah kita berada di jalur yang tepat untuk memiliki fitur keyboard/chat yang diinginkan dalam rilis final ionic 2? Seperti yang saya yakin Anda sudah menebaknya, ini masalah besar!

Omong-omong, jika Anda memerlukan hal lain seperti contoh/kasus penggunaan untuk ini, beri tahu saya, saya akan dengan senang hati mengumpulkan sesuatu.

2016 telah menjadi tahun yang luar biasa bagi ionic - mengucapkan Selamat Liburan kepada semua tim!

Apakah masalah ini sudah dijadwalkan untuk setiap pencapaian? Akan sangat bagus untuk mengetahui apakah solusi untuk ini sudah dekat atau apakah menginvestasikan waktu untuk menemukan alternatif akan sepadan.

@mhartington apakah Anda memiliki kemajuan setelah eksperimen Anda https://github.com/driftyco/ionic/issues/5432#issuecomment -267626176

Saya membuat aplikasi sampel menggunakan ionic start ionic-tutorial tutorial --v2 setelah ini saya hanya menyertakan daftar dan <ion-input> di dalam <ion-footer> .

Solusi @nunoarruda saat ini untuk mengubah <ion-input> menjadi <input type="text"> berfungsi dengan baik.

@juarezpaf Tidak berfungsi. Input hanya muncul di atas keyboard setelah pengguna mulai mengetik.

Kalian perlu lebih berkonsentrasi pada input fokus.
benar-benar frustrasi saya.

Hei kalian, maaf untuk keheningan, kami baru saja kembali dari liburan.
Ini akan kembali ke radar kami.

@mhartington Terima kasih banyak, kami sangat menghargai upaya yang Anda dan tim Anda lakukan untuk Ionic! Menantikan perbaikannya, jika Anda memerlukan proyek uji atau seseorang untuk mencobanya dalam keadaan yang berbeda, beri tahu saya ;-)

Dito!
Pada Selasa, 3 Jan 2017 pukul 15:00, Marcel van [email protected]
menulis:

@mhartington https://github.com/mhartington Terima kasih banyak, kami benar-benar
hargai upaya yang Anda dan tim Anda lakukan untuk Ionic! Menantikan
perbaikannya, jika Anda memerlukan proyek uji atau seseorang untuk mencobanya di tempat yang berbeda
keadaan biarkan aku tahu ;-)

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/driftyco/ionic/issues/5432#issuecomment-270132761 ,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AGVqeiW8T0X_hk_TY_9T08BQPAG9Mzfxks5rOmKHgaJpZM4HYsIN
.

>

Salam Hormat,

Alexander Madyo

Lihat komentar SO terakhir. Mungkin ini akan membantu.

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

Menambahkan kode berikut berfungsi dengan baik untuk saya:

.input-cover {
posisi: statis;
}

Saya masih bertanya-tanya apakah akan ada konsekuensi negatif, tetapi sejauh ini tidak dapat menemukannya.

@MvRemmerden Bisakah Anda memposting sedikit lebih banyak konteks untuk perbaikan Anda? Misalnya Di elemen mana Anda menempatkan CSS itu? Terima kasih!

@lincolnthree Tentu, tapi sebenarnya hanya itu saja. Cukup tempel kode css pada halaman yang Anda butuhkan dan Anda akan baik-baik saja.

Anda juga dapat melihat utas stackoverflow @cozzbie yang diposting (http://stackoverflow.com/a/38786672). Solusi yang saya gunakan saat ini adalah komentar dengan suara terbanyak.

apakah masalah ini terpecahkan?

tidak, tidak sama sekali. menghadapi masalah yang sama dengan rc.5

kami menggunakan footer dengan textarea elastis (seperti obrolan aplikasi whats)

Ini bekerja untuk saya

Adakah yang mencoba memperbaiki ini di Ionic 1.x (1.7.15) ?

@wbhob : inilah UPDATE/skenario:
Saat mengetuk input dan memfokuskannya, keyboard tumpang tindih dengan input, saya ingin membuat input saat fokus selalu di atas keyboard. Mencoba solusi ini tetapi tidak berhasil .

app.js - konfigurasi saat ini

    .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" />

Apakah saya melewatkan sesuatu?

Apa kesalahannya? Anda perlu memberi kami beberapa detail lebih lanjut tentang apa yang terjadi dan apa yang Anda harapkan, dan mungkin membuka masalah baru jika ini terpisah dari topik.

Ini juga terdengar seperti permintaan dukungan dan bukan bug atau fitur, jadi silakan tanyakan di forum dan Ionic Worldwide Slack.

Terima kasih.

Pada 19 Januari 2017, 07:18 -0500, alexszilagyi [email protected] , menulis:
>

Adakah yang mencoba memperbaikinya di Ionic 1.x (1.7.15)?

app.js - konfigurasi saat ini

.run(function ($ionicPlatform, gettextCatalog, $cordovaFile) { $ionicPlatform.ready(function () { ionic.Platform.isFullScreen = false; // Sembunyikan bilah aksesori secara default (hapus ini untuk menampilkan bilah aksesori di atas keyboard atau masukan formulir) 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

Apakah saya melewatkan sesuatu?

—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub (https://github.com/driftyco/ionic/issues/5432#issuecomment-273762352), atau nonaktifkan utasnya (https://github.com/notifications/unsubscribe-auth /AEPIEhJXEmfFhtzXzJC5bChWVUTGapIlks5rT1RigaJpZM4HYsIN).