Comments (7)
I just added this behavior because I verified it works the same across different browsers. Could you please give more information on where they behave differently?
Unfortunately it does not have an option to disable such behavior, but a patch is welcome.
from simple_form.
Thanks for the quick reply.
Sorry, I wasn't clear enough. My concern is not the behavior Chrome (HTML 5) vs FF (HTML 5), my problem is the behavior HTML 5 vs not HTML 5. I use Chrome (with HTML 5) and FF (without), so in Chrome I cannot submit the form with an invalid email, in FF I can. So I now have to maintain HTML 5 form behavior and 'normal' behavior, which isn't really attractive.
from simple_form.
Why would you have to maintain two behaviors? On the server side, you should always assume the normal behavior, i.e. the user can send an invalid e-mail.
from simple_form.
in Chrome, I simply cannot submit the Email address, no message what's invalid. I don't know if I can customize the behavior, but I also don't want to customize it. In a normal case the form is submitted, the error message is rendered and the user gets the same response for every browser.
Of course, I always have to check on the server side if the input is valid.
from simple_form.
Woah, this sounds more like a Chrome buggy. In any case, I see what you mean. Feel free to provide a patch with tests and I will apply it. :)
In case you are wondering, here are the two places where we use HTML5:
http://github.com/plataformatec/simple_form/blob/master/lib/simple_form/inputs/string_input.rb#L12
http://github.com/plataformatec/simple_form/blob/master/lib/simple_form/inputs/numeric_input.rb#L10
You just need to skip setting the type, because the non HTML5 default will be set inside text_field.
from simple_form.
Probably it is a Chrome bug, since Chrome isn't very stable on the Mac.
When I was looking at the code to provide a patch, I realized that there is a much simpler way to achieve this:
<%= f.input :email, :input_html => {:type => "text"} %>
does exactly what I need.
from simple_form.
I guess you could use also something like:
<%= f.input :email, :as => :string %>
Please give it a try.
from simple_form.
Related Issues (20)
- Broken Link in Readme File for Bootstrap Live App example HOT 4
- Chrome error: label's for attribute doesn't match any element id HOT 1
- Bootstrap floating labels keep floating even without input HOT 1
- Auto reload configuration HOT 4
- `config.default_form_class` should not be *overriden* but *complemented* when `html: { :class }` is specified HOT 1
- Redundant aria-required on required fields HOT 1
- 5.3.0 - Custom Inputs Fail to Load HOT 4
- Rails 7.1 updated password validation changed rendering of password inputs HOT 1
- Custom Component raise an error with rails 7.1 and zeitwerk HOT 1
- Hints don't work on the namespaced model HOT 2
- Encrypted attributes always default to textarea
- Proposal for customizable classes merging HOT 1
- The custom `error:` on all inputs does not work if there is an object present HOT 3
- Multiple inputs with the same name generate unparseable names in Rails >= 7.1.1 HOT 1
- <div class="checkbox"> <input value="false" type="hidden" name="meal[completed]"> <input class="boolean optional" type="checkbox" value="true" checked="checked" name="meal[completed]" id="meal_completed"> <label class="boolean optional" for="meal_completed">Completed</label> </div>Update: This bug only appears if you have custom value for `unchecked_value`. In this case `unchecked_value: false` HOT 1
- https://simple-form-bootstrap.herokuapp.com/ is Down HOT 2
- Label's for attribute doesn't match the id when nil is given in collection
- Adding a data-x attribute to the root <form>? HOT 1
- Disabled radio_buttons field doesn't post the correct value. HOT 1
- simple_form generate two input box. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from simple_form.