Hi guys, I see you could implement a simple, but very useful thing.
IDEA: To implement an option in the input to disable the Autocorrect/Suggestion
It is something simple and possible in Native Apps, and essential for some tasks.
Personally, it’s the only thing that are preventing me to upgrade my account and wrap my bubble. To have this feature is essential for my means.
I see there are other posts asking how to do it, and html blocks aren’t working
Other posts:
Hello,
I made an input field for the usernames. I tested a few names and realized that my browser (Safari) autocorrect it wrong for some names. Is there a possibility to deactivate the autocorrect?
I tried to work around with an html field (input type=“text” autocorrect=“off” /) but it looked quit ugly.
Do you have an Idea if bubble have an solution for this?
IDEA:
Would be great to choose in the content format section “Text (without autocorrection)” or “Name” for example.
Thanks for your …
Hello guys,
I’m building an app to teach English and for this I need for the keyboard not
to show any suggestions or autocorrect, because this helps the user and then they won’t learn as much…
Is it possible to do it? If it’s needed JavaScript I don’t know anything about language programming…
Thanks for your help…
I’d like to turn off chrome/safaris autocomplete feature for the inputs on my app.
If you inspect the html that Bubble creates, autocomplete=“off” but in order to disable the pesky dropdown autocomplete options, it must be autocomplete=“no”
Is there a way to change this? I have tried referencing an ID attribute and running javascripts but haven’t been able to change that html from “off” to “no”
Any ideas?
2 Likes
A solution for the problem:
Solved!!
To block the Autocorrection, Autocaptalize, etc (except suggestions), what it’s needed to do is to Run a Javascript that will search all inputs visible on screen and change the attribute, with the script:
const inputs = document.querySelectorAll('input');
inputs.forEach(input => {
input.setAttribute('autocomplete', 'off')
input.setAttribute('autocorrect', 'off')
input.setAttribute('autocapitalize', 'off')
input.setAttribute('spellcheck', false)
});
If you also want to h…
You can also use the “page HTML header” in the page editor.
Insert the script there:
<script>
window.onload = function() {
const inputs = document.querySelectorAll('input');
inputs.forEach(input => {
input.setAttribute('autocomplete', 'off')
input.setAttribute('autocorrect', 'off')
input.setAttribute('autocapitalize', 'off')
input.setAttribute('spellcheck', false)
});
};
</script>
With window.onload you make sure that the script is executed when the page is loaded.
Works for me in Chrome, Firefox and Safari. Didn’t test it with Internet Explorer
3 Likes
This fixed it for me! Thank you for sharing!
Hi
Just in case you’re still looking, we have released a plugin that allows you to determine the auto-completion data type of a specific input or deactivate it
It’s right here
