Show Password in Bubble Mobile Native

I have struggled with show-password functionality in mobile native apps. It’s easy on the web using JS, but you cannot use JS in Bubble mobile native. After many attempts and some thinking, I found a solution that works. It’s fast, easy, and you don’t need any plugins or JavaScript.

How I did it:

  • Use a normal Password input (where the user types the password).

  • Create a Group and set its Data source = Password Input’s value.

  • Inside that Group, place a Text input with Initial content = Current group’s data.

  • Toggle visibility (eye icon + custom state):

    • Password input visible → password hidden

    • Group with text input visible → password shown as text

  • Reset Group data after signing up or logging in, so the password does not remain in the group.

Result:

:white_check_mark: Fully native Bubble
:white_check_mark: No JS, no plugins
:white_check_mark: Works on mobile & Bubble Go

Hope this helps others who are stuck with show/hide password on mobile. Do you know of a better solution? Are there any potential security concerns with this approach?

Nice workaround and honestly this is one of the cleanest “no-JS, no-plugin” approaches for Bubble native right now. The key idea is that you’re not trying to change the password input type (which we can’t do in native), you’re simply switching between two views: one real password field and one plain text field that mirrors the value. Your flow makes sense: user types into the Password input, a Group pulls that value as its data source, and the Text input inside the Group displays it using initial content = current group’s data. Then the eye icon just toggles a custom state to show either the password input (hidden mode) or the group/text input (show mode). Only thing I’d add as a best practice is to make sure the “show” version is read-only (so users don’t accidentally edit the mirrored input instead of the real password field), and definitely clear/reset both the password input and any group/custom state after login/signup so nothing stays on screen or in memory longer than needed. Overall, solid pattern for native Bubble apps until Bubble gives us a true show/hide password toggle.

1 Like

You are right. :+1: I didn’t write that the input text is read-only because otherwise it behaves confusingly. So you can view how you wrote the password, but you can only write in password mode.

:+1::+1: