Grammarly 확장 프로그램, CSS 충돌로 웹사이트 레이아웃 파괴

2025-03-29
Grammarly 확장 프로그램, CSS 충돌로 웹사이트 레이아웃 파괴

웹사이트 개발자가 Grammarly 브라우저 확장 프로그램으로 인해 웹사이트 레이아웃이 깨지는 것을 발견했습니다. Grammarly는 웹사이트 자체 스타일을 덮어쓰는 스타일시트를 주입하는데, 특히 동일한 사용자 정의 속성 `--rem`을 사용하여 웹사이트의 유동적인 타이포그래피 시스템이 제대로 작동하지 않게 합니다. 작성자는 MutationObserver와 사용자 정의 속성 `--🤡`를 사용하여 문제를 해결하고 Grammarly에 다른 웹사이트 스타일과의 충돌을 피하기 위해 확장 프로그램 디자인을 개선할 것을 촉구했습니다.

개발 CSS 충돌