MARKETPLACE
PLUGINS
REALTIME INPUT VALUE
Realtime Input Value logo

Realtime Input Value

Published November 2024
   •    Updated today

Plugin details

This plugin enables real-time input value tracking in your Bubble application.
It monitors input elements and updates values instantly as users type, providing a smooth, dynamic user experience without page refreshes.

Demo here:
https://tomo-plugins.bubbleapps.io/version-test/realtime-input-value

Editor here:
https://bubble.io/page?id=tomo-plugins&tab=Design&name=realtime-input-value&type=page

Documentation:
https://tomo-plugins.notion.site/Realtime-Input-Value-15e6a2d7a73f803e8fe5f55661b89d8e

Free

For everyone

3.5 stars   •   2 ratings
167 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Tomo logo
Tomo
Joined 2022   •   13 Plugins
View contributor profile

Instructions

1. Add the element to your page 2. Set the input_element_id to match your target input field's ID
3. Use the 'value' state to access the current input value
4. Optional: Connect the 'onchange' event to trigger workflows

Types

This plugin can be found under the following types:
Element   •   Event

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.5)

Great plugin
June 2nd, 2025
Super happy with plugin. Wasn't sure how to reach out to you, but the plugin is lacking a pretty important feature for us, and that's a default values. Realtime value make it possible to update things in real time, but on page load there is no default value that remains active. Which is a little troublesome. I'll update my review once that gets solved or you reach out! Thanks.
Thank you for your review and feedback! I've updated the plugin so that a default value is now set when retrieving the input element. Hope this solves the issue! Thanks again! (plugin author)
June 4th, 2025
  •  
Tomo
Thanks
February 4th, 2025
Nice plugin, it is working perfect
Thank you for your review! (plugin author)
February 5th, 2025
  •  
Tomo
Hi, I am getting this error: The plugin Realtime Input Value / element RealtimeInput threw the following error: TypeError: Cannot set properties of null (setting 'autocomplete') at eval (PLUGIN_1716807558920x372612237897236500/Realtime-Input-Value-update--RealtimeInput-.js:3:2481) at https://cambalache.com.co/package/run_debug_js/96e02465ea8af3d052bc73bddf9337dfe3712e9d9276d4b12e20843f9d47b0b5/xfalse/x30/run_debug.js:600:331 (please report this to the plugin author). Thank you.
February 10th, 2025
  •  
Original reviewer
Hi there! I've looked into the error you're getting, and it's likely happening for one of these reasons: 1. The ID property isn't set in your RealtimeInput element 2. The ID in your RealtimeInput element doesn't match the ID of your input element When either of these happens, JavaScript can't find the right element, which leads to that null error you're seeing. To fix this, make sure you: - Set an ID in the RealtimeInput element's properties - Double-check that this ID matches the ID of your input element If you're still running into issues, just let me know! (plugin author)
February 11th, 2025
  •  
Tomo
Hi, I am still getting "The plugin Realtime Input Value / element RealtimeInput threw the following error: TypeError: Cannot set properties of null (setting 'autocomplete') at eval (PLUGIN_1716807558920x372612237897236500/Realtime-Input-Value-update--RealtimeInput-.js:3:2481). Both id's (in the real time input and in the input I am using to search is the same "buscador"). Thanks in advance.
April 1st, 2025
  •  
Original reviewer
Hi there, Based on the information you shared, here are two things to double-check that could help solve the issue: 1. About the ID setup The RealtimeInput element and the input element should have the same ID. However, if multiple elements share the same ID on the page, it may not work as expected. Please make sure each ID is unique and used only once. 2. About the input element visibility and position If the input element is hidden, the plugin may not be able to detect it correctly, which can cause this error. Please ensure the input is visible and placed in the same group or layout level as the RealtimeInput element. If it still doesn’t work after checking these points, feel free to send me a DM on the Bubble forum (username: tomo.hitoma.bubble) and I’ll be happy to help directly! Thanks again! (plugin author)
April 4th, 2025
  •  
Tomo
Bubble