ReactJS Redux 양식의 크롬 확장 관련 문제

Question

내 프로젝트에서 Redux 양식을 사용하고 있습니다. Grammarly Chrome 확장 프로그램이 있습니다. 내 양식에 textarea Field가 있습니다. Textarea 필드를 클릭하면 textarea 필드가 사라지고 옆에 나타납니다. textarea 필드를 텍스트로 변경하면 제대로 작동하지만 여기서 텍스트 영역이 필요합니다. 문제의 더 나은 이해를위한 스크린 샷을 게시합니다. 이 문제를 극복 할 수있는 방법이 있습니다.

텍스트 영역을 클릭하기 전에 텍스트 영역이 정상적으로 표시됩니다.

텍스트 영역을 클릭 한 후, 텍스트 영역 상자는 다른 필드의 오른쪽에 나타납니다.

Answer 1

문법 확장은 textarea/contenteditable 필드의 인라인 스타일을 설정합니다.

스타일을 덮어 쓰는 스타일을 확인한 다음 스타일을 적용하여 스타일을 수정하면됩니다.

또한, 특별한 속성에 의해 Grammarly 확장의 초기화를 해제 할 수 있습니다 : 당신은 자세한 내용은 here을 찾을 수 있습니다 data-enable-grammarly="false."

.