Comments (5)
I don't see you including iron-flex-layout
anywhere, or webcomponents.js
(to be fair, with all the minimized/vulcanized stuff, I can't really follow what's going on in your <head>
section).
Here's a jsbin that adds both layout horizontal
and layout vertical
to forms, with the correct includes, and it works fine on all the browsers: http://jsbin.com/huyuxi/1/edit?html,output
Please re-open this if you can repro your issue in a jsbin, or have more details about what's going on. I think either some of your imports are wrong, or you've got some styles being applied incorrectly.
from iron-form.
Ps but you can see the difference between Chrome and Safari right? In the demo http://gcl-12.appspot.com ?
@cdata on slack took a look first and could reproduce and asked to make a ticket for this.
from iron-form.
I can see a difference in your demo, yes, but I also can't really debug your code, since everything is included in a giant script tag (have you considered vulcanizing instead, maybe?), resulting in 25k lines of code. Also, I see a bunch of alarming things in your code, like typos:
<form id="brm" class="layout vertical" style="padding:10px" is="iron-form" methode="POST" action="/mail.go" on-iron-form-response="formResponse">
(should be method
not methode
)
I also see that in some of your elements (like brm-form
) you're using shadow styling, which is not supported on Safari. For example,
paper-checkbox::shadow #ink {color: #4285f4;}
Also, again, I can't tell if you're including iron-flex-layout
in the actual file that you're using it, making it it almost impossible for me to debug this. It would be great if you could get a smaller snippet of code to reproduce, otherwise there isn't much I can do here (especially since in the jsBin I attached, the style is working fine)
from iron-form.
I'm also a bit worried that this including-everything-in-a-script might cause some timing issues as well.
from iron-form.
But vulcanise did that including-everything-in-a-script
for me? Anyway I will try to strip it more and leave it unvulcanized.
from iron-form.
Related Issues (20)
- `content-type` property not available in 2.x HOT 3
- _getValidatableElements returns elements that are not actually validatable
- [2.x] iron-validator-behavior elements included in validation HOT 1
- <iron-form> (version 2.x) reset doesn't clear the error message. HOT 1
- Inputs deeper in the DOM three are not included in validation or serialization. HOT 1
- paper-dropdown-menu does not get reset HOT 2
- Form reset leaves class="checked" on paper-checkboxes HOT 2
- Align reset with validate HOT 1
- Why is iron-ajax created on the spot? I can no longer listen to iron-form's iron-ajax HOT 6
- Writing a decorator for <iron-form>: a timing question
- values of dynamic elements cannot be restored HOT 1
- Reset for dynamically added elements HOT 5
- Reset for elements with dynamic disabled
- [feature request] form elements
- Error during initialization when children contain a comment node HOT 1
- bundling @polymer/polymer and @polymer/iron-form using browserify and babelify HOT 2
- iron-form sends pairs of name-value concatenated in a single string HOT 1
- Chrome Unique-Id Error for #helper in iron-form HOT 1
- Enctype application/json Microsoft Edge
- Lint accuses `databind-with-unknown-property` warning on iron-form 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.