Dynamic Toggle for "Fill" vs "View" Button in Browser Extension

The Problem

In the Bitwarden browser extension, default behavior is for autofill cards to have a “fill” button. Clicking the card will “View” the entire entry. Clicking the fill button will autofill. Users can enable the setting “Click items in autofill suggestion to fill.” When this setting is ON, clicking the card itself will autofill, and the “fill” button goes away. To view the entry details (TOTP, notes, or custom fields), the user must click the “three-dot” menu and then select “View.” This adds unnecessary friction to a common workflow.

  • The Gap: There is no single-click way to view an entry when the “click-to-fill” setting is enabled.

The Proposal

The secondary action button on the login card should be context-aware based on the user’s settings.

  1. Default State: Clicking the card opens the “View” menu; the button says “Fill”.

  2. Toggle State: If “Clicking an item… will autofill” is enabled, the button should automatically change to “View”.

    1. The setting “Click items in autofill suggestion to fill” could be renamed

The Benefit

  • Reduced Friction: Saves users an extra click (and a menu navigation) to access their data.

  • UX Consistency: Aligns with modern design patterns where the most common action is the primary click, and the secondary action is easily accessible via a dedicated button.

3 Likes

@schwarznavy I think I agree with you.

Unfortunately, I think there will be a design change making that harder to implement. (in the video there, you can see that a text “Fill” will be visible where the “View” button should be)