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

620 Views Asked by At

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

1

There are 1 best solutions below

1
Roy On BEST ANSWER

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.