Ionic-framework: मुद्दा (प्रपत्र): प्रपत्रों के लिए इनपुट, स्क्रॉलिंग, कीबोर्ड मुद्दे

@dylanvdmerwe यह बहुत अच्छा है, इसे एक साथ रखने के लिए धन्यवाद! इनपुट्स को ऊपर और नीचे टैब करने के लिए अगले और पिछले बटन का उपयोग करने के लिए, यह काम करना चाहिए लेकिन शायद हाल ही में कुछ टूट गया।

स्वत: पूर्ण और स्वत: सुधार के लिए भी जाता है, डिफ़ॉल्ट रूप से वे तब तक अक्षम होते हैं जब तक कि उन्हें विशेष रूप से तत्व पर नहीं जोड़ा जाता है: https://github.com/driftyco/ionic/blob/2.0/ionic/components/input/input-base.ts #L217

क्या आपको लगता है कि ऑटो कैपिटलाइज़ेशन को डिफ़ॉल्ट रूप से भी अक्षम किया जाना चाहिए?

@adamdbradley

• मुझे विभिन्न इनपुट के बीच शिफ्ट करने के लिए आईओएस पर कीबोर्ड बटन नहीं मिल सकते हैं। वे "भ्रमित" हो जाते हैं और कीबोर्ड अंततः बंद हो जाता है। जब मैं इन बटनों वाले अन्य कीबोर्ड के साथ परीक्षण करता हूं तब भी एंड्रॉइड पर परीक्षण करने की आवश्यकता होती है।
• सुनिश्चित नहीं है कि स्वतः पूर्ण और स्वतः सुधार के लिए डिफ़ॉल्ट के लिए सबसे अच्छा क्या है। आईओएस में कुछ कीबोर्ड प्रकारों के लिए वे डिफ़ॉल्ट रूप से सक्षम होते हैं - लेकिन मुझे लगता है कि मानक <input> नियमों का पालन करना सबसे अच्छा है?
• मैं थोड़ी देर बाद ऑटो पूर्ण और ऑटो कैपिटलाइज़ेशन के लिए कुछ क्रमपरिवर्तन का परीक्षण करूंगा। नोट मैंने इसे यहां अलग से लॉग किया था जब कीबोर्ड प्लगइन बदल गया था।

कृपया ध्यान दें कि मैं वास्तविक उपकरणों पर इनका परीक्षण कर रहा हूं।

@adamdbradley मैंने उपरोक्त आइटम अपडेट किए हैं। बकाया चीजें निश्चित पुनरुत्पादन योग्य मुद्दे हैं।

हम Android मुद्दे # 1 पर कहां हैं? यह इसके बिना मेरे ऐप को पूरी तरह से गड़बड़ कर रहा है।

एंड्रॉइड इश्यू # 1 पर +1 :)

इस अंक में सूचीबद्ध मदों पर कोई हलचल?

@dylanvdmerwe एक बार अगला बीटा रिलीज़ होने के बाद (बीटा8) हम इस तरह के मुद्दों को ठीक करने पर ध्यान केंद्रित करेंगे। असुविधाओं को क्षमा करें

एंड्रॉइड इश्यू # 1 पर +1 :)

एंड्रॉइड मुद्दे पर +1:

. इनपुट का चयन करते समय संपूर्ण प्रपत्र सामग्री को स्क्रॉल किया जाना चाहिए ताकि कीबोर्ड प्रदर्शित होने के बाद चयनित आइटम दिखाई दे।

यह मुझे आयनिक 1 से आयनिक 2 में पूरी तरह से पोर्ट करने से रोक रहा है।
शुभकामनाएं!

यह मुझे आयनिक 1 से आयनिक 2 में पूरी तरह से पोर्ट करने से रोक रहा है।

मेरा भी यही विचार है।

Android मुद्दे पर +1 #1
कृपया इसे जल्द से जल्द ठीक करें! हमने इस पर एक नया ऐप शुरू किया है, लेकिन नहीं चाहते कि यह बग डील ब्रेकर बने और हमें आयनिक 1 पर वापस ले जाए!

@adamdbradley , @jgw96 क्या अभी के लिए कोई समाधान है?

क्या आप कृपया एक अपडेट दे सकते हैं? इस प्राथमिक कार्यक्षमता के साथ डेमो करना मुश्किल है जो काम नहीं कर रहा है ...
धन्यवाद!

मैं इस पर भी एक अपडेट की सराहना करता हूं। हमारे ion-input तत्वों को ध्यान केंद्रित करते समय स्क्रॉल नहीं किया जाता है। हमने सामान्य input तत्वों पर स्विच करने का प्रयास किया लेकिन यह सभी प्रकार की अन्य समस्याओं का कारण बनता है। धन्यवाद!

हैलो सभी को! मैं आपको आश्वस्त कर सकता हूं कि हम इस तरह के मुद्दों पर कड़ी मेहनत कर रहे हैं। क्या आप सभी इस समस्या को मुख्य रूप से ios या android पर देख रहे हैं? या यह दोनों पर होता है?

एंड्रॉइड पर होता है, आईओएस के बारे में निश्चित नहीं है। अभी, केवल एक बार जब मैं यूआई टाइप करना शुरू करता हूं तो इनपुट दिखाने के लिए स्क्रॉल करता है। आदर्श रूप से, जैसे ही फोकस्ड और की-बोर्ड पॉप अप होता है, यह होना चाहिए।

नमस्ते,

मुझे डिवाइस पर आईओएस पर कई और समस्याएं दिखाई दे रही हैं (एंड्रॉइड पर चेक नहीं किया गया है):

• फ्लोटिंग लेबल के साथ, इनपुट पर क्लिक करते समय यह अक्सर अस्थायी रूप से मूल्य से पहले एक खाली रेखा प्रदर्शित करता है, जिससे मान नीचे कूद जाता है और इनपुट लंबवत रूप से विस्तारित हो जाता है। सामान्य लेबल के साथ, मान को कभी-कभी अस्थायी रूप से क्षैतिज रूप से विस्थापित किया जाता है।
• फ़्लोटिंग लेबल के साथ, स्क्रॉल करते समय कैरेट इनपुट के बाहर कूद जाता है।
• कॉर्डोवा कीबोर्ड प्लगइन का उपयोग करते समय और फ़ील्ड के बीच नेविगेट करने के लिए एक्सेसरी बार का उपयोग करते समय, संपूर्ण दृश्य कभी-कभी कूद जाता है। अक्षम स्क्रॉल (सत्य) सेट करने के बाद, अगला बटन ठीक काम करता है लेकिन बैक बटन अभी भी स्क्रीन को कूदने का कारण बनता है। सुनिश्चित नहीं हैं कि इसके बजाय इसकी सूचना दी जानी चाहिए?

आयोनिक पर अच्छे काम के लिए धन्यवाद, लास किंक्स को इस्त्री करने के लिए तत्पर हैं!

एंड्रॉइड में कीबोर्ड और आयन-इनपुट के साथ एक ही समस्या। प्रपत्रों के साथ सभी ऐप्स पर बहुत महत्वपूर्ण मुद्दा!

इस गंभीर मुद्दे पर कोई अपडेट नहीं?

इस मुद्दे पर कोई अपडेट?

इसके लिए एक आगामी आरसी में देखा जाना अच्छा लगेगा।

इस पर अपडेट करें। #5 आईओएस के लिए मैं पुन: पेश नहीं कर सकता। यह मेरे लिए मास्टर में ठीक काम कर रहा है, क्या कोई पुष्टि कर सकता है?

अब # 1 देख रहे हैं।

मैं एक ही मुद्दे का सामना कर रहा हूँ। क्या उसी पर कोई अपडेट है? .

IOS #1 पर बड़ी स्क्रीन (iPad) पर बढ़िया काम नहीं कर रहा है। इनपुट को बहुत ऊपर तक स्क्रॉल किया जाता है, जबकि इसे कीबोर्ड के करीब रखना साफ-सुथरा होगा।

नमस्ते,

समस्या की जांच करने में कुछ समय लगा, क्योंकि यह हमारी तरफ से कई उपकरणों पर हुआ था।

एंड्रॉयड:

• स्क्रॉलअसिस्ट सक्षम करते समय ठीक लगता है
• कीबोर्ड के पहले से ही खुला होने पर एक आयन-इनपुट से दूसरे आयन-इनपुट में स्विच करते समय भी कुछ बग (पेज बहुत ऊपर तक स्क्रॉल करें)।

आईओएस:

• पहली बार, पृष्ठ स्क्रॉल नहीं होता
• दूसरी बार, पृष्ठ के किसी भी इनपुट पर, पृष्ठ सटीक रूप से ऊपर स्क्रॉल करता है
• एंड्रॉइड के समान, फ़ील्ड के बीच स्विच करते समय, पृष्ठ बहुत अधिक स्क्रॉल करता है।

कुछ खोज के बाद, हमें पता चला कि scrollView.scroll स्क्रॉलटॉप HTML संपत्ति का उपयोग करने के लिए।
यह गुण सैद्धांतिक मूल्य द्वारा सीमित है: स्क्रॉलहाइट - क्लाइंटहाइट।

हमने अभी निम्नलिखित पंक्तियों को स्क्रॉल-व्यू.जेएस (नोड_मॉड्यूल्स/आयनिक-कोणीय/उपयोग/) में जोड़ा है:
कंसोल.लॉग (Y + ' =>' + y से);
कंसोल.लॉग ('अधिकतम सैद्धांतिक मान:' + (this._el.scrollHeight - this._el.clientHeight));
और समस्या स्पष्ट प्रतीत होती है।

कुछ कारणों से, जब आप एंड्रॉइड पर फ़ील्ड पर ध्यान केंद्रित करते हैं, तो स्क्रॉल करने से पहले कीबोर्ड उत्पन्न होता है, इसलिए अधिकतम सैद्धांतिक मूल्य उस मूल्य से बेहतर होता है जिसे हम स्क्रॉल करना चाहते हैं। IOS पर, पहली बार ऐसा नहीं है। तो अधिकतम स्क्रॉल अप मान एक है।

आपकी बारी ;)

@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
  लानत है...

उदाहरण बनाने के लिए कदम

• एक नया प्रोजेक्ट बनाया (आयनिक स्टार्ट -v2 myApp) => RC2
• मेरे ऐप कंस्ट्रक्टर में स्क्रॉलअसिस्ट जोड़ा गया
  constructor(config: Config, platform: Platform) { config.set('scrollAssist', true); ... }
• my 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; }

नाइटली बिल्ड मूव्स वे इनपुट फ़ील्ड को ठीक से करते हैं, लेकिन कुछ जगहों पर जब आप बैक बटन दबाते हैं और कीबोर्ड नीचे की ओर स्लाइड करते हैं, तो इनपुट वहीं रहते हैं (स्लाइड अप) उन्हें मूल स्थान पर आना चाहिए था।
दूसरे, मैं एमुलेटर पर टाइप करने में असमर्थ हूं, क्योंकि यह मुझे ऑनस्क्रीन कीबोर्ड पर टाइप करने के लिए मजबूर कर रहा है और इमू उसे प्रदर्शित नहीं कर रहा है।

@कोडाइन

प्रतिक्रिया के लिए बहुत धन्यवाद! मैं इन सभी नोट्स का उपयोग विभिन्न परीक्षण परिदृश्यों के लिए करूँगा। मैं जल्द ही रात्रि विश्राम करने का प्रयास करूँगा ताकि हर कोई इसका परीक्षण कर सके, धन्यवाद!

@adamdbradley
एक और परिदृश्य, मैं उस पृष्ठ पर था जहां मेरे पास इनपुट था और कीबोर्ड खुला था, मैंने बैक बटन पर क्लिक किया और देखा कि टैब कीबोर्ड के शीर्ष पर भी थे। तो शायद हमें टैब को कीबोर्ड के पीछे रखने की आवश्यकता है।

संबंधित: https://github.com/driftyco/ionic/commit/c4cf9df387da3524d80660fb69037de77553feea

यह रात में बेहतर काम करता है!

हालांकि मुझे हाल के परिवर्तनों से शुरू की गई एक बग मिली। यदि इनपुट A पर फ़ोकस है और आप इनपुट B पर टैप करते हैं, तो कीबोर्ड छिप जाता है और किसी भी इनपुट पर फ़ोकस नहीं होगा।

साथ ही, जब एक इनपुट पर ध्यान केंद्रित किया जाता है, तो यह एक चिकनी स्क्रॉल एनीमेशन की बजाय स्थिति में "कूदता है", उदाहरण के लिए जब आप सफारी में इनपुट पर ध्यान केंद्रित करते हैं, तो क्या इसका इरादा है?

संपादित करें: यह WKWebView का उपयोग कर रहा है। UIWebView का परीक्षण नहीं किया है।

मुझे वास्तव में यह जानने में दिलचस्पी है कि इनपुट के लिए "अगला" बटन के लिए समर्थन होगा या नहीं।
उपयोगकर्ता (एंड्रॉइड, आईओएस के लिए निश्चित नहीं) के लिए सबमिट/ठीक बटन दबाए जाने के लिए यह मुश्किल है कि यह फॉर्म कार्रवाई को पूरा करने के बजाय अगले इनपुट पर जाएगा।

@biesbjerg क्या आप उन मुद्दों को फिर से बनाने के तरीके के बारे में अधिक

@adamdbradley यह वीडियो "एक चिकनी स्क्रॉल के बजाय स्थिति में कूदो" दिखाता है और एक बग भी दिखाता है जिसे मैंने देखा है, कि यदि आप इनपुट पर ध्यान केंद्रित करते हैं और हार्डवेयर बटन को वापस दबाते हैं, तो यह सामग्री को वापस स्क्रॉल नहीं करता है।
संपादित करें: परिवर्तित जीआईएफ आकार।

@adamdbradley यह इनपुट फोकस समस्या है, जहां टैप किए गए इनपुट पर ध्यान केंद्रित करने के बजाय कीबोर्ड गायब हो जाता है।

और यह एंड्रॉइड पर है, जहां फोकस पर, मेरा फॉर्म अचानक कूदता है, और पहला केंद्रित इनपुट स्क्रीन पर दिखाई नहीं देता है:

हैलो @biesbjerg ! हमने हाल ही में एक और रात जारी की है जिसमें इनपुट स्क्रॉलिंग के लिए कुछ और सुधार शामिल हैं, क्या आप इसे आज़माने का मन करेंगे? धन्यवाद!

@jgw96 हाय! मैंने 2.0.0-आरसी.3-201611302233 का परीक्षण किया और कुछ भी नहीं बदला, इसलिए जीआईएफ रिकॉर्डिंग अभी भी वैध मुद्दे हैं।

@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. उपकरणों पर चलाएं

आईओएस वीडियो पर दिखाया गया मुद्दा UIWebView के साथ-साथ WKWebView के साथ एक समस्या है।

एंड्रॉइड इश्यू का फ्लेक्सबॉक्स का उपयोग करके मेरी सामग्री को लंबवत रूप से केंद्रित करने के साथ कुछ करना है, लेकिन इसे सामान्य रूप से इमो भी व्यवहार करना चाहिए ।

हैलो @biesbjerg ! रेपो के लिए धन्यवाद। आज स्क्रॉल के साथ कुछ और बदलाव हो रहे हैं जो इस समस्या को ठीक कर सकते हैं, मैं इस पोस्ट को परीक्षण के बाद अपने निष्कर्षों के साथ अपडेट करूंगा।

हाय @ jgw96! ठंडा! :-)

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

मैं देखता हूं कि यह हिस्सा (अच्छी तरह से, और अन्य भागों) के बगल में एक चेक है; क्या इसका मतलब यह है कि यह अगली रिलीज में होगा? यह उन चैट अनुप्रयोगों के लिए बहुत बढ़िया होगा जिनके पास कीबोर्ड के शीर्ष पर <ion-footer> में भेजें बटन है! फिर भेजें बटन पर क्लिक करने के बाद कीबोर्ड हमेशा बंद नहीं होगा

हेलो सब लोग। मेरे साथ भी यही समस्या है। और मैं कुछ देखता हूं।
जब इनपुट का चयन नहीं किया जाता है तो हमारे पास यह मामला होता है।

लेकिन जब हम इसे चुनते हैं, तो हमारे पास यह होता है

परिणामस्वरूप मैंने !महत्वपूर्ण . के साथ वह बुरा कदम उठाया

और यह मेरे लिए अस्थायी समाधान के रूप में काम करता है।

तो .. चीजें वास्तव में गड़बड़ हो जाती हैं जब आपके पास कुछ ऐसा होता है जो स्थिति का उपयोग करता है

इस उदाहरण में, लोगो सापेक्ष स्थिति वाला तत्व है, और यदि आप पहले इनपुट पर दबाते हैं तो यह इस तरह हो जाता है:

लेकिन दूसरे इनपुट पर दबाने से भी लोगो को धक्का लगता है:

@jgw96 इस मुद्दे और RC.4 के बारे में कोई खबर?

मैं भी वास्तव में इस मुद्दे पर कोई खबर पाने की उम्मीद कर रहा हूं, मेरे मुवक्किल बहुत दबाव डाल रहे हैं

अच्छी खबर यह है कि नवीनतम नाइटलीज में इनपुट इतना बेहतर व्यवहार करते हैं। मुझे लगता है कि इस मुद्दे के मूल लकड़हारे के रूप में खुद सहित कई लोग सुधारों से खुश होंगे।

@yannbf , निष्पक्ष होने के लिए Ionic 2 अभी भी पूर्व-रिलीज़ सॉफ़्टवेयर है।

मैं इसे समझता हूं और इसे वास्तव में उचित मानता हूं। मैं बस इसे पास करने के लिए एक अपडेट की उम्मीद कर रहा था। आयनिक टीम ने जो किया है उसके लिए मैं बहुत आभारी हूं।

वैसे भी, उस रात के साथ मेरे वर्तमान ऐप का परीक्षण कैसे कर सकते हैं?

@yannbf npm install ionic-angular<strong i="6">@nightly</strong> --save
और अपने package.json को angular 2.2.1 . में अपडेट करना न भूलें

रात के साथ बहुत बेहतर काम करता है! धन्यवाद दोस्तों

हैलो सभी को! आयोनिक का उपयोग करने के लिए धन्यवाद! @biesbjerg और @yannbf, तुम लोगों को अद्यतन करने में बात करेंगे RC4 और कृपया का परीक्षण? उस रिलीज़ में एक टन इनपुट स्क्रॉलिंग फ़िक्सेस हैं जो उम्मीद है कि आपको लड़के के मुद्दों को ठीक करना चाहिए। धन्यवाद!

@ jgw96 हाँ, पहले ही कर चुका हूँ। यह बहुत बेहतर है! अंतिम रिलीज के लिए उत्सुक

@ jgw96 चीजों को अपडेट करने के बाद बेहतर हो गया, लेकिन position:absolute या position:fixed तत्व अभी भी प्रभावित हैं। मैं लोगो के साथ उस पृष्ठ से इधर-उधर जाने में सक्षम था, मैंने पहले एक प्रिंट भेजा था (एक अन्य दृष्टिकोण के साथ, स्थिति को पूर्ण रूप से हटाते हुए), लेकिन जैसा कि निम्नलिखित पृष्ठ में मुझे पृष्ठ के नीचे "अनुबंध की शर्तें" रखनी हैं, मुझे अभी भी समस्या का सामना करना पड़ रहा है :

यहाँ कोड है:

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

और सीएसएस:

.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 कमांड का आउटपुट है।

कॉर्डोवा सीएलआई: 6.4.0
आयोनिक फ्रेमवर्क संस्करण: 2.0.0-rc.5
आयनिक सीएलआई संस्करण: 2.2.1
आयोनिक ऐप लिब संस्करण: 2.2.0
आयोनिक ऐप स्क्रिप्ट संस्करण: 1.0.0
आईओएस-तैनाती संस्करण: स्थापित नहीं
आईओएस-सिम संस्करण: स्थापित नहीं
ओएस: विंडोज 10
नोड संस्करण: v6.9.2
एक्सकोड संस्करण: स्थापित नहीं

@almr193 वह व्यवहार सही दिखता है। कीबोर्ड के रूप में स्क्रीन स्क्रॉल मोबाइल उपकरणों पर दिखाई देगा। स्क्रॉलिंग सुनिश्चित करती है कि हाइलाइट किया गया इनपुट हमेशा दिखाई देता है और ऑन-स्क्रीन कीबोर्ड द्वारा कवर नहीं किया जाता है।

@dylanvdmerwe त्वरित उत्तर के लिए धन्यवाद, मैंने जो परिदृश्य प्रस्तुत किया वह सही दिखता है और मैं समझता हूं कि स्क्रीन स्क्रॉल करता है क्योंकि कीबोर्ड स्क्रीन पर खुद को दिखाता है। हालांकि, मेरे पास ion-input के साथ ion-list के भीतर आइटम रीऑर्डर सक्षम होने के साथ एक और अजीब परिदृश्य है। इनपुट सीमा से बाहर कूद जाता है और उपयोगकर्ता यह नहीं देख सकता कि यह क्या लिखा जा रहा है।

@almr193 हाँ, यह अभी भी एक अनसुलझा मुद्दा है, दुर्भाग्य से।
उपरोक्त प्रारंभिक पोस्ट का Android आइटम 1) और 4 देखें।

+1 अभी भी अनसुलझा है। आयनिक-देशी में कीबोर्ड से कोई भी तरीका Android पर मदद नहीं करता है

मुझे स्लाइड + इनपुट का उपयोग करने में समस्या हुई। यह कोई स्क्रॉलिंग न करके एक बहुत ही अजीब व्यवहार दिखाता है।

+1

कॉर्डोवा सीएलआई: 6.4.0
आयोनिक फ्रेमवर्क संस्करण: 2.0.0
आयोनिक सीएलआई संस्करण: 2.1.18
आयोनिक ऐप लिब संस्करण: 2.1.9
आयोनिक ऐप स्क्रिप्ट संस्करण: 1.0.0
आईओएस-तैनाती संस्करण: स्थापित नहीं
आईओएस-सिम संस्करण: 5.0.13
ओएस: मैकोज़ सिएरा
नोड संस्करण: v6.9.4
Xcode संस्करण: Xcode 8.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

प्राथमिक स्क्रीन

डोमेन इनपुट तत्व का चयन करने के बाद स्क्रीन

प्रिय आयनिक टीम ( @manucorp , @brandyscarney , @adamdbradley )
मुझे पता है कि आप अगले संस्करण पर कड़ी मेहनत कर रहे हैं, लेकिन ये कीबोर्ड मुद्दे ऐप अनुभव के लिए प्रमुख महत्वपूर्ण हैं। वर्चुअल-स्क्रॉल जैसे अन्य लंबे समय से चले आ रहे मुद्दों के साथ, कृपया उन्हें एक उच्च प्राथमिकता देने पर विचार करें।
विशाल ऐप आकार और धीमा स्टार्टअप चूसते हैं, ठीक है, लेकिन जब ऐप इंस्टॉल और चल रहा हो, तो इसे कीबोर्ड हैंडलिंग जैसी बुनियादी चीजों पर उचित अनुभव देना चाहिए।

यहाँ झंकार करना है, @mpaland सही है। बहुत सारे बकाया बग हैं (मेरे कुछ 4 महीने चालू हैं और अभी भी बिना किसी उत्तर के खुले हैं!) जो एक ऐप की बुनियादी कार्यक्षमता के साथ हैं। उदाहरण के लिए यहां देखें:

• #9633
• #9518
• #9514
• #8607

ये प्रतीत होता है कि अभी सड़ने के लिए छोड़ दिया गया है, जबकि टीम हाल ही में विभाजित फलक जैसी अच्छी सुविधाओं को जोड़ती है।

समस्या यह है कि अगर मूल अभी भी किसी स्पष्ट तरीके से टूटा हुआ है तो नई सुविधाओं को जोड़ने का कोई मतलब नहीं है। ढांचे में जोड़ने से पहले मूलभूत चीजों को ठीक से प्राप्त करना तर्कसंगत रूप से अधिक महत्वपूर्ण है।

सारी मेहनत से प्यार करते हैं, लेकिन प्राथमिकताएं यहां गलत लगती हैं।

दोस्तों, चीजों को प्राथमिकता देने और ठीक करने का सबसे अच्छा तरीका _reproducible code_ प्रदान करना है जिसे Ionic टीम परीक्षण कर सकती है और मुद्दों का पता लगा सकती है। स्क्रीनशॉट और gif बहुत अच्छे हैं, लेकिन वे कोड जिनका उपयोग वे आपकी समस्याओं को देखने के लिए कर सकते हैं, सबसे अच्छा है। #2सेंट

ध्यान दें कि फॉर्म और इनपुट के साथ, चीजों को रखने के लिए display: absolute का उपयोग न करें।

मेरे पास भी ये मुद्दे हैं। यह कोई मामूली समस्या नहीं है। यह एक साल के लिए एक मुद्दा कैसे रहा है, जिसका कोई समाधान नहीं है?

जब कोई इनपुट फ़ील्ड केंद्रित होता है तो मुझे कोई समस्या हो रही है, हर बार जब मैं फ़ील्ड पर क्लिक करता हूं तो स्क्रीन ऊपर और नीचे जाती है। कृपया क्या कोई मेरी मदद कर सकता है?

आयोनिक फ्रेमवर्क संस्करण: 2.3.0
आयोनिक सीएलआई संस्करण: 2.2.2
आयोनिक ऐप लिब संस्करण: 2.2.1
आयोनिक ऐप स्क्रिप्ट संस्करण: 1.1.4
आईओएस-तैनाती संस्करण: 1.9.1
आईओएस-सिम संस्करण: 5.0.4
ओएस: मैकोज़ सिएरा
नोड संस्करण: v7.2.0
Xcode संस्करण: Xcode 8.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
    }),

यह मेरे पास कूदने वाले किसी भी मुद्दे को ठीक करता है, लेकिन दुर्भाग्य से जब उपयोगकर्ता टाइप कर रहा है तो स्क्रीन से नेवबार को धक्का देने का असर पड़ता है। ऐसा लगता है कि यह एकमात्र दुष्प्रभाव है जिसे मैंने देखा है, हालांकि।

@ टायलर-डार्बी अपना समाधान साझा करने के लिए धन्यवाद, यह सबसे अच्छा समाधान नहीं है लेकिन यह एक उचित है, और यह मेरे लिए काम करता है।

मुझे यह समस्या हो रही थी और यह मुझे पागल कर रहा था, लेकिन मुझे अंत में पता चला कि यह हार्डवेयर त्वरण को मजबूर करने के लिए तत्वों को 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 टैग का सही संयोजन नहीं मिला है।

धन्यवाद

@ टायलर-डार्बी हे टायलर, मैं निम्नलिखित कोड कहां रखूं?

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

नमस्ते @cwiejack

कृपया यहां एक साधारण डेमो देखें :

धन्यवाद।

Ionic के साथ डिफ़ॉल्ट कीवर्ड समस्याओं को ठीक करने के लिए, बस अपने app.module.ts के आयात में निम्नलिखित डालें:

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

यह कीबोर्ड की समस्याओं को तुरंत ठीक कर देगा।

@aplimovil ने मेरे एंड्रॉइड ऐप पर इस मुद्दे को हल किया! आपको ढेर सारी शुभकामनाएं अच्छे आदमी!

यदि true से ऐप्स अनुपयोगी हो जाते हैं तो scrollAssist और autoFocusAssist होने का क्या मतलब है?

क्या ऐसे कोई मामले हैं जहां उन्हें सक्षम करने से कुछ लाभ होंगे?

ऐसा लगता है कि एप्लिमोविल के फिक्स ने मेरी सभी समस्याओं को ठीक कर दिया है!

तो हाँ, मुझे इसमें दिलचस्पी होगी कि आप इनमें से किसी एक को सत्य पर क्यों सेट करेंगे।

@JefferE ऐसा इसलिए है क्योंकि आईओएस में आयनिक की स्क्रॉलएसिस्ट और ऑटोफोकसएसिस्ट सुविधाएं टूट गई हैं (एंड्रॉइड में वे लगभग ठीक काम करते हैं, हालांकि संवर्द्धन कम से कम मेरे लिए व्यावहारिक रूप से अनजान हैं) और ऐसा लगता है कि यहां सभी समस्या रिपोर्टों को पर्याप्त रूप से नोट नहीं किया गया है, इसलिए वे इसे ठीक करते हैं एक आने वाली रिलीज में। उम्मीद है कि वे किसी दिन इस धागे को नोटिस करेंगे और आईओएस पर उन सुविधाओं को अच्छे के लिए ठीक कर देंगे या आईओएस में डिफ़ॉल्ट रूप से उन्हें चुनिंदा रूप से बंद कर देंगे।

जब ion-textarea ग्रिड में, keyboard.disablescroll(false) काम नहीं करता है? इस मुद्दे के साथ कैसे करें

यह मेरे लिए काम किया

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 

बस आप लोगों को यह बताना चाहता था कि मुझे आईओएस पर एक समान समस्या है जो कि कीबोर्ड इनपुट फ़ील्ड पर स्क्रॉल करता है और कीबोर्ड के लिए जगह बनाने के लिए सामग्री स्क्रीन अपडेट नहीं होती है।

मुझे पता चला कि महत्वपूर्ण बात यह है कि प्लगइन्स का उपयोग करते समय (जैसे @ आयनिक-देशी/कीबोर्ड)
और जब कीबोर्ड this.keyboard.onKeyboardShow().subscribe(()=>{ this.someFlag=true}) साथ दिखाता है और कुछ बदलने के लिए इंटरफ़ेस में ध्वज का उपयोग करते हुए अपने इंटरफ़ेस में चीजें कर रहा है। यह परिवर्तन नहीं होगा, आप आयात करके कोणीय परिवर्तन का पता लगाने के अपने आप को गति प्रदान करना होगा ChangeDetectorRef और उसके उपयोग करते हुए detectChanges() में समारोह subscribe ।

मैंने यह gitrepo केस दिखाने के लिए बनाया है। एक नज़र डालने के लिए स्वतंत्र महसूस करें। यह मेरे लिए एक आंख खोलने वाला था क्योंकि मुझे नहीं पता था कि ऐसे मामले हैं जहां आप subscribe(()=>{}) किसी चीज़ में बदलाव करते हैं, लेकिन इंटरफ़ेस में दिखाई नहीं देंगे।

आज थोड़ा समझदार हो गया :)

आखिरी बात: सभी के लिए एक अच्छा सप्ताहांत है!

मेरे लिए यह हैरानी की बात है कि यह मुद्दा 1.5 साल से अधिक पुराना है और इस पर कोई कार्रवाई नहीं की गई है। यह पूरी तरह से मेरे ऐप के प्रवाह को बर्बाद कर रहा है। यह इसे छोटी और खराब गुणवत्ता वाला बनाता है और चीजों को अच्छा दिखने के करीब लाने के लिए हमें हैक करना पड़ रहा है। @mhartington क्या यहाँ आंतरिक रूप से कुछ चल रहा है?

मैंने अब आयनिक के प्रो संस्करण का उपयोग करने के अनुवर्ती के रूप में आयोनिक से @matthewkremer के साथ एक फोन पर बातचीत की है, और कहा कि यह एक प्रमुख मुद्दा है। उन्होंने कहा कि वह समझते हैं और इसे उच्च प्राथमिकता पर आगे बढ़ाने की कोशिश करेंगे।

मेरे लिए भी ऐसा। ये बिल्कुल भी अच्छा नहीं लगता..

अरे सब, यह हमारे लिए सर्वोच्च प्राथमिकता बन रहा है, आज सुबह @adamdbradley का ट्वीट देखें :

आने वाले दिनों/सप्ताह में अपडेट की अपेक्षा करें

अच्छा लगता है मुझे उम्मीद है कि अनावश्यक हैक्स लागू किए बिना हमें जल्द ही जीवन वापस मिल जाएगा।

पहले से ही WK का उपयोग करने वाले लोगों के लिए, मैं एक नया कीबोर्ड प्लगइन तैयार कर रहा हूं: cordova-plugin-ionic-wkkeyboard :

1. सबसे पहले आयनिक-प्लगइन-कीबोर्ड अनइंस्टॉल करें

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 और फॉर्मग्रुप्स और फॉर्मकंट्रोल के साथ आयन-टेक्स्टरेरा को अक्षम/सक्षम करने के साथ एक अजीब समस्या है। पूर्ण रूप को पुन: सक्षम करने के बाद आयन-टेक्सटेरिया अक्षम रहता है। यह 'पुराने' कीबोर्ड का उपयोग करते समय नहीं होता है।

मैं आज रात एक मुद्दा बनाऊंगा :)।

// संपादित करें:
संभवत: यह किसी और चीज से जुड़ा मामला है। ब्राउज़र में वही व्यवहार।
https://github.com/ionic-team/ionic/issues/13170

मुझे क्या देखना चाहिए यदि कीबोर्ड केवल आकार बदलने के लिए ट्रिगर नहीं करता है तो अकेले स्क्रॉल को इनपुट करने दें?

ऐसा लगता है कि स्क्रॉलिंग समस्या पहले ही हल हो जानी चाहिए, लेकिन मुझे अभी भी आईओएस पर समस्याएं आ रही हैं जहां इनपुट स्क्रीन के बीच में होता है, जब कीबोर्ड चालू होता है तो इनपुट स्क्रॉल नहीं होता है। यह एक मुद्दा है जब इनपुट को टैप किया जाता है या जब मैं कीबोर्ड नेविगेशन कुंजियों का उपयोग करता हूं। क्या मैं कुछ भूल रहा हूँ? मैंने यहां प्रस्तुत समाधानों के एक समूह की कोशिश की है, लेकिन वे काम नहीं कर रहे हैं। (अतिरिक्त जानकारी के लिए मैं ब्राउज़र में आयोनिक का उपयोग कर रहा हूं न कि मूल ऐप के रूप में)

वाह 2018 और कुछ नहीं।

उन्होंने मुझे यह समाधान दिया लेकिन यह बिल्कुल सही नहीं है

स्क्रॉल-सामग्री {
पैडिंग-बॉटम: 0!महत्वपूर्ण;
}

हाय दोस्तों, मैंने गलती से पाया कि डिफ़ॉल्ट बिल्ड में _cordova-plugin-ionic-keyboard_ है। और जब मैंने इसे _ionic-plugin-keyboard_ से बदल दिया तो इनपुट बग चले गए।

तो मेरा समाधान है:
कॉर्डोवा प्लगइन आरएम आयनिक-कीबोर्ड
आयनिक कॉर्डोवा प्लगइन आयनिक-प्लगइन-कीबोर्ड जोड़ें
npm install --save@ionic-native/keyboard

+1

Vendettall, मैंने कोशिश की लेकिन यह काम नहीं किया!

क्या आपके पास हेडर टूलबार के साथ यह कष्टप्रद बग है?

थू, मार्च 29, 2018 अपराह्न 11:31 बजे, इमैनुएल फ़ेचे नोटिफिकेशन @github.com
लिखा था:

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://github.com/ionic-team/ionic/issues/10629#issuecomment -395084125

1 अगस्त, 2017 को अब्राहम लोपेज 10 के ऊपर की यह टिप्पणी मेरे लिए पूरी तरह से काम करती है, जब एंड्रॉइड कीबोर्ड पॉप अप होता है तो इनपुट फ़ील्ड को स्क्रॉल करना।

@dylanvdmerwe , @jgw96 @mhartington @ टायलर-डार्बी @manuCorp @adamdbradley

हाय दोस्तों, मैंने अभी आईओएस और एंड्रॉइड प्लेटफॉर्म पर आयोनिक 2 और 3 अनुप्रयोगों के लिए इस मुद्दे को संभालने के लिए एक कस्टम निर्देश बनाया है। क्या आप कृपया जाँच सकते हैं कि क्या यह इस स्क्रॉलिंग समस्या से संबंधित सभी समस्याओं का समाधान करता है।

मैंने इस निर्देश को बनाने के लिए स्क्रॉल-इन-व्यू-अगर-आवश्यक पोनीफिल का उपयोग किया था

npm install ion-input-scroll-into-view . कमांड चलाने वाले आयन-इनपुट-स्क्रॉल-इन-व्यू निर्देश स्थापित करें

चरण 1
आयन-इनपुट-स्क्रॉल-इन-व्यू निर्देश को आयन-इनपुट या आयन-टेक्सटेरिया में निम्नानुसार संलग्न करें।

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

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

चरण 2

आपको अपने मूल घटक के मॉड्यूल.टीएस में 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 {}

एनपीएम लिंक: https://www.npmjs.com/package/ion-input-scroll-into-view
जीथब लिंक: https://github.com/melwinVincent/ion-input-scroll-into-view

मुद्दे के लिए धन्यवाद! हमने Ionic 3 के स्रोत कोड और मुद्दों को एक अलग रिपॉजिटरी में स्थानांतरित कर दिया है। मैं इस मुद्दे को आयोनिक 3 के भंडार में ले जा रहा हूं। कृपया इस मुद्दे को वहां पर ट्रैक करें।

आयोनिक का उपयोग करने के लिए धन्यवाद!

इस मुद्दे को स्थानांतरित कर दिया गया: https://github.com/ionic-team/ionic-v3/issues/47