Angular 폼 입력에서 한글이 잘리는 경우

Angular 폼에서 입력을 할 경우, 글자가 완성이 되지 않으면 event trigger가 안되어서 reactive form의 의미가 좀 줄어들 수 있다.

app.module.ts (또는 core.module.ts)에서 다음과 같이 처리하면 이 이슈를 해결할 수 있다.

import { COMPOSITION_BUFFER_MODE } from '@angular/forms';

그리고 ngModule decorator에 다음과 같이 provider entry를 넣는다.

...
  providers: [
    {
      provide: COMPOSITION_BUFFER_MODE,
      useValue: false,
    },
  ],

그러면 reactive forms에서도 한글 타이핑 하던 도중 글자가 완성이 안되더라도 폼이 반응을 한다.

참조 : https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event