javascriptreactjsgoogle-chrome-extensionlastpass

Is there a way to detect if the LastPass extension is working on the website (in React)


I have a password input with the eye symbol to show the text, it works fine, however, It lies exactly when the LastPass box is laying.

My goal is to move the eye symbol a bit to the left if the extension is on, but I don't want to disable it completely because it can be useful and for other reasons.

Current behavior:

enter image description here

Expected behavior:

enter image description here

Is there a way to detect something like this?

UPDATE Something like in material-ui: https://material-ui.com/components/text-fields/#input-adornments


Solution

  • So, since I didn't get any answers, I went with @cbr 's solution which is to trim the input width and make it look like the eye is in the input.