2016-01-13 83 views
0

我的聚合物元素(如纸张输入)无论何时第一次加载页面时都无法正确加载CSS。例如:Before reloading导轨聚合物没有正确格式化CSS和聚合物元素,直到我刷新页面

我必须每次刷新页面才能正确显示。这是页面应该如何看起来像: After reloading

这是页面的代码:

<%= form_for(resource, as: resource_name, url: session_path(resource_name), html: {id: "form"}) do |f| %> 
    <paper-input-container alwaysFloatLabel="false"> 
     <label>Email</label> 
     <%= f.email_field :email, autofocus: true, 'is':'iron-input' %> 
    </paper-input-container> 

    <paper-input-container alwaysFloatLabel="false"> 
     <label>Password</label> 
     <%= f.password_field :password, autocomplete: "off", 'is':'iron-input' %> 
    </paper-input-container> 

    <% if devise_mapping.rememberable? -%> 
     <paper-checkbox id="rememberme"></paper-checkbox> 
     <%= f.check_box :remember_me, id: "rememberme", style: "display: none;" %> 
     <%= f.label :remember_me %> 
    <% end -%> 
    <br><br> 
    <paper-button id="submit">Log in</paper-button> 
    <% end %> 

    <hr> 
    <%= render "devise/shared/links" %> 

有没有办法让它正确地加载CSS上的第一次?或者这个问题只在发展中出现?

+0

您是否在浏览器控制台中看到错误消息?调整浏览器窗口大小是否也修复了布局? –

+0

我在控制台中没有收到错误消息。这似乎是turbolinks宝石造成的问题。谢谢你的帮助! – gmpatzer

回答

0

这似乎是turbolinks宝石造成这些问题。删除turbolinks解决了这个问题。

+0

任何解决方案聚合物和Turbolinks在一起? –