Keepassxc-browser: New release seems to break some pages

[pferreir]

Expected Behavior

This is the page where I first noticed this problem.

Current Behavior

Stuff which rendered OK before looks just broken when the KeePassXC extension is enabled.

Possible Explanation

I imagine that the plugin is injecting some HTML or CSS into the webpage, which breaks things.

Steps to Reproduce (for bugs)

The link provided above should be enough...

Debug info

KeePassXC - 2.4.3
KeePassXC-Browser - 1.5.0
Operating system: Mac
Browser: Firefox

[varjolintu]

Thanks for the report! I'll look into it. We are trying to move all DOM related content to Shadow DOM in the next release, so any HTML or CSS injected shouldn't affect to the page at all.

[Cqoicebordel]

I came here to file the same bug. The issue is in banner.css, where the .separator leaks to pages.

.separator {
    border-left: 1px solid #ccc;
    height: 100% !important;
    margin: 10px !important;
}

[varjolintu]

@Cqoicebordel Yes. That's the issue. A separate kpxc-separator should've been used instead.

[pferreir]

@Cqoicebordel Yes. That's the issue. A separate kpxc-separator should've been used instead.

My request as a web developer: please name any injected CSS classes as weirdly as possible. If you can add a random extremely-unlikely-to-guess-by-chance string to them, even better 😉

[droidmonkey]

Everything should be prepended with kpxc-

[kkoziarski]

I have the same issue on Azure DevOps - i cannot see left menu items.

[varjolintu]

I'm making a fix today, so hold your horses. 🐎

[novusidea]

You can see the same problem in the admin area of WordPress:

[pinonpierre]

Same issue about Azure DevOps.
Happy to see that the issue is already fixed.

Waiting the new version ;-)

[Cqoicebordel]

Confirmed fixed :)
Thanks !