Bubble's native decimal input forces a fixed number of decimal places - if you set 4 decimal places, the input always displays values like 12.0000 even when the user only typed 12.
Smart Number Mask fixes this by making decimal places variable. It removes unnecessary trailing zeros so the input shows exactly what the user typed - 12, 12.5, or 12.5521 - while Bubble still stores the full-precision value.
Drop a single element on the page, set a match key, and every matched decimal input gets a clean, natural number display.
Demo URL:
https://stein-plugins.bubbleapps.io/version-test/easy-input-mask/1774963630448x676874277564790700Editor URL:
https://bubble.io/page?id=stein-plugins&tab=Design&name=easy-input-mask&type=page&ai_generated=true&elements=bTIHfSmart Decimal Display· Automatically strips trailing zeros from Bubble decimal inputs - a value of 12.0000 displays as 12, while 12.50 displays as 12.5
· Preserves the decimal point while the user is actively typing so partial entries like 12. are not disrupted
· Removes trailing dots when the input loses focus for a clean final display
Input Validation· Enforces numeric-only input - only digits, one decimal point, and an optional leading minus sign are allowed
· Non-numeric characters are stripped automatically as the user types
Batch Targeting· Targets multiple inputs at once using an ID match key - any input whose HTML ID contains the key is automatically masked
· New inputs added to the page dynamically are picked up automatically without requiring a page refresh
· One plugin element handles all matched inputs on the page