0
私の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>
ナビゲーション引き出し内の任意のリンクをクリックすると、そのように私のレイアウトを中断します。ウェブサイト全体が上部の小さなスペースに閉じ込められます。私はそれが問題の原因ではないことを確認するために、パーソナライズされたスタイルシートを削除しました。唯一のスタイルシートはMDLのものとMDLのアイコンです
問題を再現するデモを教えてください。私はこれをまとめ、見ていないのです。https://codepen.io/mcoker/pen/KvmbWX?editors=1010 –
このバグは、MDLが私のプロジェクトにどのように統合されているかとは関係があります。 https://github.com/cllns/material_design_lite-rails)gem。あなたのように私のレイアウトにリンクを含めるだけで、私の問題を解決するようです。 –