Prevent scrollAssist & autofokus na wejściach, które nie potrzebują klawiaturę pokazać

Question

Zbudowałem kątowym reaktywnej postaci używając joński 2.

Kiedy dotyka wejście na dole strony strona będzie przewijać więc wejście dostać się ponad klawiaturę. Oczekiwane zachowanie, więc ok. Ale nagłówek też był popchnięty i to było złe.

Więc spojrzał w internecie i znaleźć sposób obejścia problemu, który miał napisać następujących w rachunku importowej app.module.ts

// app.module  
IonicModule.forRoot(MyApp, { 
    scrollAssist: true, 
    autoFocusAssist: true 
}) 

To rzeczywiście działa także strona nadal przewija i nagłówek jest nie odpychaj.

Ale wciąż mam jedną problème. Po dotknięciu wejścia, które nie wymaga wyświetlania klawiatury (np. Datepicker), strona przewija się po pierwszym dotknięciu i muszę ponownie dotknąć, aby otworzyć datepicker ...

Dowolny pomysł, w jaki sposób mogę może uniemożliwić automatyczne przewijanie strony po dotknięciu wejścia, które nie wymaga klawiatury?

Answer 1

Można to osiągnąć, używając dwóch właściwości składnika input. Po pierwsze możesz ustawić właściwość readonly na wartość true, a następnie dodać listę zdarzeń click, aby otworzyć DatePicker, a następnie użyć właściwości wejściowej placeholder, aby wyświetlić wartość DatePicker.

Mam nadzieję, że to pomoże Ci znaleźć rozwiązanie. Daj mi znać, czy to działa.

Powodzenia & Cheers

Ashish Sebastian