diff --git a/keepassxc-browser/content/autocomplete.js b/keepassxc-browser/content/autocomplete.js index aec7996..2ae3384 100644 --- a/keepassxc-browser/content/autocomplete.js +++ b/keepassxc-browser/content/autocomplete.js @@ -87,6 +87,7 @@ class Autocomplete { const styleSheet = createStylesheet('css/autocomplete.css'); const colorStyleSheet = createStylesheet('css/colors.css'); this.wrapper = kpxcUI.createElement('div'); + this.wrapper.style.all = 'unset'; this.wrapper.style.display = 'none'; styleSheet.addEventListener('load', () => this.wrapper.style.display = 'block'); this.container = kpxcUI.createElement('div', 'kpxcAutocomplete-container', { 'id': 'kpxcAutocomplete-container' }); diff --git a/keepassxc-browser/content/banner.js b/keepassxc-browser/content/banner.js index ce1e799..d508e52 100644 --- a/keepassxc-browser/content/banner.js +++ b/keepassxc-browser/content/banner.js @@ -122,6 +122,7 @@ kpxcBanner.create = async function(credentials = {}) { const colorStyleSheet = createStylesheet('css/colors.css'); const wrapper = document.createElement('div'); + wrapper.style.all = 'unset'; wrapper.style.display = 'none'; styleSheet.addEventListener('load', () => wrapper.style.display = 'block'); this.shadowRoot = wrapper.attachShadow({ mode: 'closed' }); diff --git a/keepassxc-browser/content/custom-fields-banner.js b/keepassxc-browser/content/custom-fields-banner.js index d518bfd..3e25cfe 100644 --- a/keepassxc-browser/content/custom-fields-banner.js +++ b/keepassxc-browser/content/custom-fields-banner.js @@ -128,13 +128,14 @@ kpxcCustomLoginFieldsBanner.create = async function() { const colorStyleSheet = createStylesheet('css/colors.css'); const wrapper = document.createElement('div'); + wrapper.style.all = 'unset'; wrapper.style.display = 'none'; styleSheet.addEventListener('load', () => wrapper.style.display = 'block'); this.shadowRoot = wrapper.attachShadow({ mode: 'closed' }); this.shadowRoot.append(colorStyleSheet); - this.shadowRoot.append(styleSheet); this.shadowRoot.append(defineStyleSheet); this.shadowRoot.append(buttonStyleSheet); + this.shadowRoot.append(styleSheet); // Only create the banner to top window if (window.self === window.top) { diff --git a/keepassxc-browser/content/totp-field.js b/keepassxc-browser/content/totp-field.js index 1ed6f50..85e210c 100644 --- a/keepassxc-browser/content/totp-field.js +++ b/keepassxc-browser/content/totp-field.js @@ -160,6 +160,7 @@ TOTPFieldIcon.prototype.createIcon = function(field, segmented = false) { const styleSheet = createStylesheet('css/totp.css'); const wrapper = document.createElement('div'); + wrapper.style.all = 'unset'; wrapper.style.display = 'none'; styleSheet.addEventListener('load', () => wrapper.style.display = 'block'); diff --git a/keepassxc-browser/content/ui.js b/keepassxc-browser/content/ui.js index adfd0c5..84dc9f5 100644 --- a/keepassxc-browser/content/ui.js +++ b/keepassxc-browser/content/ui.js @@ -292,6 +292,7 @@ kpxcUI.createNotification = function(type, message) { const styleSheet = createStylesheet('css/notification.css'); notificationWrapper = notificationWrapper || document.createElement('div'); + notificationWrapper.style.all = 'unset'; notificationWrapper.style.display = 'none'; styleSheet.addEventListener('load', () => notificationWrapper.style.display = 'block'); this.shadowRoot = notificationWrapper.attachShadow({ mode: 'closed' }); diff --git a/keepassxc-browser/content/username-field.js b/keepassxc-browser/content/username-field.js index 8835d02..50e442c 100644 --- a/keepassxc-browser/content/username-field.js +++ b/keepassxc-browser/content/username-field.js @@ -109,6 +109,7 @@ UsernameFieldIcon.prototype.createIcon = function(field) { const styleSheet = createStylesheet('css/username.css'); const wrapper = document.createElement('div'); + wrapper.style.all = 'unset'; wrapper.style.display = 'none'; styleSheet.addEventListener('load', () => wrapper.style.display = 'block');