Giter Club home page Giter Club logo

Comments (5)

notwaldorf avatar notwaldorf commented on July 23, 2024

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

Screenshot from safari:
screen shot 2015-10-19 at 12 47 35 pm

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.

gertcuykens avatar gertcuykens commented on July 23, 2024

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.

notwaldorf avatar notwaldorf commented on July 23, 2024

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.

notwaldorf avatar notwaldorf commented on July 23, 2024

I'm also a bit worried that this including-everything-in-a-script might cause some timing issues as well.

from iron-form.

gertcuykens avatar gertcuykens commented on July 23, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.