2021.09.13

Input 이슈

IOS 웹뷰 input 포커스 문제

IOS에서는 script로 input element에 focus를 시켜도 키보드가 올라오지않는 현상이 있었다.
찾아보니 IOS는 웹뷰에 별도의 옵션을 추가해주어야 한다고 한다.

webview.keyboardDisplayRequiresUserAction = NO;

https://jabstorage.tistory.com/16

max length 이슈

 handleInput(e: any) {
    const value = e.target.value
    // 모바일에서는 v-model 사용시 input값이 업데이트 되지않는 현상이 있으므로 value, @input 사용
    // 안드로이드에서 maxlength가 동작하지 않는 현상이 있으므로 slice & dom 조작
    if (value.length > this.maxlength) {
      this.myMessage = value.slice(0, this.maxlength)
      e.target.value = this.myMessage
    } else {
      this.myMessage = value
    }
    this.resizeTextarea()
  }

click 이벤트 2번 발생

희한하게 mouseUp, mouseDown을 모두 클릭으로 처리하는 현상이 있어, 핸들러가 2번씩 호출되는 현상이 있었다.

원인은 좀 더 알아봐야겠다.
onClick을 onMouseDown으로 변경하여 해결했다.