MARKETPLACE
PLUGINS
BETTER INPUT LIVE TEXT
Better Input Live Text logo

Better Input Live Text

Published August 2026
   •    Updated this week

Plugin details

Expose the live value of a Bubble input as text, with a configurable debounce that prevents downstream expressions and workflows from updating on every keystroke. It is ideal for live search, validation, previews, character counters, and other responsive input experiences.
- Configurable debounce in milliseconds
- Set the debounce to 0 for immediate updates
- Exposes a Current text state
- Triggers a Text changed event when a new value is published
- Supports Inputs, Multiline Inputs, Dropdowns, and contenteditable elements
- Reconnects automatically when Bubble redraws the target element

Demo:
https://secure.notquiteunicorns.xyz/version-test/better-input-live-text-demo

This plugin is free, and maintained by Not Quite Unicorns, a Gold Bubble Partner agency.

We help complex apps scale further on Bubble than they knew was possible. To join us, visit https://notquiteunicorns.xyz

Free

For everyone

stars   •   0 ratings
8 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Not Quite Unicorns logo
Not Quite Unicorns
Joined 2022   •   70 Plugins
View contributor profile

Instructions

1. If ID attributes are not already available in your app, enable Bubble's option to expose an ID attribute for HTML elements in Settings > General.
2. Give the Input, Multiline Input, Dropdown, or contenteditable element you want to monitor a unique ID attribute, such as search-input.

3. Place one Better Input Live Text element on the same page. The plugin element does not display anything in run mode, so it can be placed anywhere convenient.

4. Set Input ID to the target element's exact ID. Do not include the # symbol.

5. Set Debounce (ms) to the amount of inactivity required before the new value is published. The default is 300 ms. Use 0 to publish on every input event. Negative values are treated as 0.

6. Use Better Input Live Text's Current text state anywhere Bubble accepts dynamic text. The state is initialized from the target element's existing value when the page loads.

7. To run a workflow after a debounced value is published, add the Better Input Live Text event Text changed. The event fires only when the published text is different from the previous published value.

Use a separate Better Input Live Text element for each field you want to monitor. If Bubble redraws the target element or the configured Input ID changes dynamically, the plugin finds and reconnects to the matching element automatically.

Types

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

Categories

This plugin can be found under the following categories:
Input Forms   •   Productivity   •   Technical

Resources

Support contact
Documentation

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble