Note that there are some explanatory texts on larger screens.

plurals
  1. POThe bootstrap "dropdown open" toggle does not work properly in development, but works in production
    text
    copied!<p>I am following the <a href="http://ruby.railstutorial.org/chapters/sign-in-sign-out#code%3alayout_signin_signout_links">RailsTutorial sample_app</a> and inside we use the twitter-boostrap framework. There is a dropdown menu <a href="https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js">(the code, jQuery)</a> that does not work for me properly in the development env, but works well in production (on Heroku).</p> <p>With the help of "Visual Event" I confirmed that there is an event associated with the menu title. The normal behavior should be on click to change the class from:</p> <pre><code>&lt;li id="fat-menu" class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt; </code></pre> <p>to:</p> <pre><code>&lt;li id="fat-menu" class="dropdown open"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt; </code></pre> <p>Still, in my case, on click it adds "open" and removes in the same moment. I could just barely noticed that it makes the change, but quickly return to the initial state and thus, the dropdown menu does not open.</p> <p>If I manually edit the code in the browser and add "open" to the class, the menu opens. If I then click on the menu title, it removes "open" for a moment and then it returns it again (just opposite from the first case).</p> <p>I am very puzzled that it works in production, but not in development (on the same browser). What should I check?</p> <p>Thanks!</p> <p>Vasil //with the first question</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload