Styling Bug With Bulma Framework

Options
loadams1
loadams1
Community Member
in 1Password in the Browser

At work, we currently have a website utilizing the Bulma framework. We've noticed when attempting to save or generate login information on our own site, the 1Password modal appears like this:

After some digging and experimenting, I've narrowed this issue down to the Bulma framework CSS and found this issue also appears on other sites using Bulma (like this one). However, I've been unable to identify the specific issue causing this or how to fix it.

Any help would be greatly appreciated.

1Password Version: Not Provided
Extension Version: 1.16.2
OS Version: Not Provided
Sync Type: Not Provided

Comments

  • loadams1
    loadams1
    Community Member
    Options

    And now a coworker has managed to find and solve the issue in about 5 minutes...

    Bulma apparently sets the iframe height to "auto" by default, resulting in the behavior described above. Our solution is to override this style on our login pages to set the height to 100% instead.

  • nickmcguire
    nickmcguire
    1Password Alumni
    Options

    Hey Logan!

    Thank you so much for letting us know about this. You're right that the Bulma styles look to be affecting our frame.

    We've made some changes to how we add our frame to the page which will help to avoid this styling issue. These changes are currently live in the beta, available for both Chrome and Firefox.

    If you come across anything else, please let us know!

This discussion has been closed.