Hi - I’m on OS-X 13.4, Safari 16.5 and Safari extension 2023.4.0
I’m attaching a short screen recording to show the issue, but basically two things happen here that make editing or adding new logins a bit tough, and the UX is kind of sub-optimal.
First, I see no way to resize the Bitwarden extension dropdown. Not a huge deal on its own, but I feel like I should be able to choose how much information I’d like to see without scrolling, especially when there’s so much more screen real estate available in the browser window.
Second, the above causes issues when editing or adding an entry. The example I’m showing in this screen recording is the best illustration of the issue. Say I want to add or edit the site’s URL… I have to scroll down (just a tiny bit) to see the URL entry, then when clicking on the “+” to add a URL, the extension window auto scrolls up to the entry, which is partially obscured now by the top of the extension window. It’s really jarring, especially for new users.
Anyhow, maybe the video provides a better explanation. Compare this so something like the Firefox extension, which is about twice the size (vertically) and doesn’t suffer from these issues.
Thanks for reporting this. I came here to search for or report the scrolling issue. It’s very annoying to say the least.
Basically position the field you want to edit in the middle, and start typing or paste something. The field will jump out of view on top and you need to scroll it back down to be able to see what you’re doing.
IMHO it shouldn’t jump or scroll at all and just leave the field where it is.
Yeah, I feel like just making the window larger, or at least allowing the user to adjust it would sort of solve the scrolling issue… Really curious about the different sizes here, I couldn’t attach two pics since I’m new, but this is the Firefox extension - works great and no scrolling:
Found it in the source, for some reason they’re limiting the height to 360px. I have no idea why…
It came in a long time ago when they first imported the extension it seems:
The line height: 360px !important; is where the height’s being truncated, but only for safari. Maybe to accommodate the mobile browser? Seems even dated for that, or that only applying that for mobile would make sense.
Very frustrating, because I can see how nice it works at the default height for other browsers using the Web Inspector to remove that CSS from the body element. I mean ideally, the window would be resizable…
I mean ideally, the window would be resizable…