Material Design Lite抽屜破壞導航鏈接上的網站點擊

我在爲Ruby on Rails應用程序進行佈局時遇到了一個奇怪的錯誤。Material Design Lite抽屜破壞導航鏈接上的網站點擊

這是我目前的佈局：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>test</title> 
    <%= csrf_meta_tags %> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 
    </head> 
    <body> 
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer"> 
     <header class="mdl-layout__header"> 
     <div class="mdl-layout__header-row"> 
      <span class="mdl-layout-title">CTC151</span> 
     </div> 
     </header> 
     <div class="mdl-layout__drawer"> 
     <span class="mdl-layout-title">Test</span> 
     <nav class="mdl-navigation"> 
      <%= link_to('Home', root_path, class: 'mdl-navigation__link') %> 
      <%= link_to('News', news_index_path, class: 'mdl-navigation__link') %> 
      <%= link_to('Departments', root_path, class: 'mdl-navigation__link') %> 
     </nav> 
     </div> 
    </div> 
    </body> 
</html>

單擊導航抽屜裏的任何鏈接將打破我的佈局像這樣：before，after。整個網站被限制在頂部的那個小空間內。我刪除了任何個性化的樣式表，以確保它不是問題的根源。唯一的樣式表是MDL和MDL圖標

來源

2017-08-09 Simon Landry

你能否給我們提供一個能夠重現問題的演示？我把它放在一起，我沒有看到它https://codepen.io/mcoker/pen/KvmbWX?editors=1010 –

我認爲這個錯誤與MDL如何通過[this]集成到我的項目中有關（ https://github.com/cllns/material_design_lite-rails）寶石。簡單地將鏈接包括到我的佈局中，就像您所做的似乎解決了我的問題。 –

我通過禁用我的應用程序中的Turbolinks來修復我的網站。最有可能的解決方法是，但AFAIK MDL默認不支持Turbolinks。

來源

2017-08-11 22:55:53

Material Design Lite抽屜破壞導航鏈接上的網站點擊

回答

相關問題