See a popup with extra padding like on the screenshots below
Expected behavior
A popup without extra paddings.
Screenshots
Version:
Safari 14.0.3
Polyglot 3.3.0
macOS 11.2.1
Additional context
Instead of the current styles isolation approach (polyglot namespace and !important) I'm proposing to put popups into a shadow DOM (part of Web Components API) this should allow completely isolate styles of extension's popups from the styles of the opened page. Web Components seems to be well-supported by the latest versions of Safari.
Describe the bug Popup with translation in some cases can be broken by the styles of the page where it is open.
To Reproduce
Expected behavior A popup without extra paddings.
Screenshots![Screenshot 2021-02-28 at 20 18 41](https://user-images.githubusercontent.com/9007851/109427165-27baaa00-7a02-11eb-996d-e58b15b15c39.png)
Version:
Additional context Instead of the current styles isolation approach (
polyglot
namespace and!important
) I'm proposing to put popups into a shadow DOM (part of Web Components API) this should allow completely isolate styles of extension's popups from the styles of the opened page. Web Components seems to be well-supported by the latest versions of Safari.