2017-01-17 1 views
3

이온 항목 안에 이온 텍스트 영역이 있습니다. 그것은 괜찮아 보여,하지만 내가 textarea를 누르면, 그것은 쇼와 키보드를 숨 깁니다. 그리고 키보드가 숨겨져 있기 때문에 텍스트를 넣을 수 없습니다.ion-textarea 이온 항목이 IONIC 2에서 작동하지 않습니다.

화면을 터치 한 후 onblur 이벤트가 발생했습니다.

<ion-item> 
    <ion-label stacked>Comment</ion-label> 
    <ion-textarea [(ngModel)]="formData.comment" name="comment" placeholder="Put any comment..."></ion-textarea> 
</ion-item> 

어떤 아이디어 :

이 내 코드?

+0

기기에 문제가 있다고 생각합니다. 장치를 다시 시작하거나 다른 장치에서 실행하십시오. –

+0

이 문제가 해결 되었습니까? 같은 페이지에 여러개의 이온 - 텍스트 영역이 있습니다. 먼저 잘 작동합니다. 휴식을 위해 double ion-textarea 태그가 DOM에 있으며 키보드를 클릭하면 키보드가 숨겨집니다. 나는 celeb swank에 의해 주어진 답을 적용했다. 그리고 textarea는 키보드 뒤에 숨어있다. –

+0

나는 ion-item 대신 div를 사용하여 해결했음을 기억하지만 더 이상 소스 코드를 제공 할 수있는 권한이 없다 ... sorry = 7 –

답변

3

그런 식으로 이온 항목을 사용할 때마다 이런 오류가 자주 발생합니다. 내가 div로 래핑하기 전까지는 입력과 동일한 문제가 발생했습니다.

Per the docs - 항목에는 텍스트, 이미지 및 기타 내용이 포함될 수 있습니다. 일반적으로 다른 항목과 함께 목록에 배치됩니다. 쉽게 스 와이프, 삭제, 재정렬, 편집 등의 작업을 수행 할 수 있습니다. 제스처를 통해 항목을 조작해야하는 경우에만 항목이 목록에 있어야합니다. 스 와이프하기 위해서는 ItemSliding 래퍼 요소가 필요합니다.

코드를 재구성하거나 이온 항목을 일종의 목록으로 포맷 할 수 있습니다.

관련 문제