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