I haven't reproduced a minimal case but in my rails dev environment, using jQuery 1.8.2 and twitter bootstrap 2.2.2, the browser, in a certain circumstance, is crashing due to jQuery being unresponsive.

When trying to load an image asset that will 404 inside a div that is hidden by bootstrap, that's when jQuery will become unresponsive. Inspecting with firebug, the debugger never moves past line 6348 -

div.parentNode.removeChild( div );

On each continue, the only difference is "elems" will increment. For example, from "<li><a>177086</a></li>" to "<li><a>177087</a></li>".

Like I explain here, I can load the page when above the width that shows the 404 asset and size down just fine. Loading the page when width < 767px is when jquery becomes unresponsive.

The difference in the rails console is loading below 767px, the last valid assets is served and just stops. Above 767px the 404 assets reports

Started GET "/assets/bg_direction_nav.png" for 192.168.2.103 at 2013-02-21 13:27:03 -0500
Served asset /bg_direction_nav.png - 404 Not Found (30ms)

ActionController::RoutingError (No route matches [GET] "/assets/bg_direction_nav.png"):


Rendered /usr/local/rvm/gems/ruby-1.9.2-p180/gems/actionpack-3.1.10/lib/action_dispatch/middleware/templates/rescues/routing_error.erb within rescues/layout (1.0ms)

This may be a bootstrap bug, a rails bug or a jquery bug. Any information is appreciated.