Last Pass chrome extension creating a div that blocks clicks

Question

When our users have Last Pass installed, after they log in they see a big div with this markup and styles:

<div style="position: fixed !important;z-index: 2147483647 !important;display: block !important;width: 100% !important;height: 100% !important;top: 10px !important;right: 10px !important;max-height: 182px !important;max-width: 368px !important;">
<iframe src="chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/contentScriptDialog.html?dialogID=1" scrolling="no" style="border: none !important; position: relative !important; height: 100% !important; width: 100% !important; visibility: visible !important;"></iframe>
</div>

Users are unable to click anything in our website when using Last Pass, has anyone found a solution for this issue?

Answer 1

Right-click on LastPass -> Manage Extension, and then change Site Access to On Click.

Answer 2

The website has the following style in its CSS:

iframe { display:none; }

You need to remove this and target your iframes more specifically in your code.