Grammarly-Erweiterung verursacht Layoutprobleme durch CSS-Konflikt
2025-03-29
Ein Webentwickler stellte fest, dass die Grammarly-Browsererweiterung das Layout seiner Website zerstörte. Grammarly injiziert ein Stylesheet, das die eigenen Styles der Website überschreibt, insbesondere durch die Verwendung derselben benutzerdefinierten Eigenschaft `--rem`, wodurch das flüssige Typografie-System der Website nicht mehr funktioniert. Der Autor behob das Problem mithilfe eines Mutation Observers und der benutzerdefinierten Eigenschaft `--🤡` und forderte Grammarly auf, das Design seiner Erweiterung zu verbessern, um Konflikte mit den Styles anderer Websites zu vermeiden.
Entwicklung
CSS-Konflikt