Skip to content
This repository

Chrome stops responding when shrinking a page horizontally #4299

Closed
mpilar opened this Issue August 05, 2012 · 15 comments

10 participants

Miguel Pilar Mark Otto Rob Shipley Raul Baldner Junior Benjamin Thatcher Raúl Ferràs csar-media doxxon vladady
Miguel Pilar

If you resize a responsive page slowly it's easy to trigger but I accidentally triggered it when doing a fast resize, seems to happen when you hover around 480 pixels, starts flickering and all chrome windows stop responding, not sure if this is a chrome issue or a bootstrap issue but I'm submitting it here.

Note: does not seem to happen if you're growing the page only if you're shrinking it horizontally.

This is Windows Chrome version 21.0.1180.60 m

URL that triggers it: http://twitter.github.com/bootstrap/examples/fluid.html

This seems to be a Chrome issue (more exactly your chrome installation) since I'm not able to create your scenario on either my desktop or my laptop, both with the same Chrome version as you.

Miguel Pilar

Yeah, I just now tested with Chrome on OS X and it doesn't seem to trigger with version 21.0.1180.57.

This is very odd, I even tried on incognito to make sure it was not an extension, I will assume this is a chrome issue then.

Thanks!

Miguel Pilar mpilar closed this August 06, 2012
Rob Shipley

I am getting this problem as well. I'm running 21.0.1180.57 as well. It's at the width mentioned in the OP as well. Seems like some media queries are fighting each other. Can this issue be re-opened as it's completely killing the browser and eventually my entire system goes down.

Raul Baldner Junior

Who resizes windows?

Rob Shipley

@Dentxinho Apparently ME... hence making this point!!! When I'm trying to see what a layout will look like at a narrower resolution it kills the browser, when I put a window half the page to do a side by side (which I do a LOT even when not developing) it kills the browser, I also can not release a commercial website that will have the potential to kill the user's browser... I certainly can not vouch for a user. I think it's a little bit of a dismissive comment! There are two people here who have experienced the problem already and I'm sure many many more who haven't spoken up! For development purposes I've switched to Firefox but Chrome has a massive share of the browser market so it can't be ignored like this. @Dentxinho I'll take your point if you can happily answer "YES" to this question.. "Would you go back to Amazon to buy goods if the last times you went there it killed your system?"

Benjamin Thatcher

@Dentxinho A lot of users resize windows, especially if they have smaller screens (e.g. a laptop) and need to see multiple pages at the same time (rather than switching between tabs in their browser). You have to keep in mind that Bootstrap is used for commercial sites, enterprise sites, etc. and an issue like this one is big.

Raul Baldner Junior

I'm convinced. Sorry for any inconvenience.

Rob Shipley

Can this please be re-opened or should I create a new issue?

Miguel Pilar mpilar reopened this August 13, 2012
Miguel Pilar

I guess I will reopen it, having done more testing I am leaning towards this being a chrome bug. There has to be something special about my setup that causes it.

Raúl Ferràs

I've found also that the 480 is not being triggered. However the flickering does not occurs to me and chrome still responsive.
I've seen this in my Android 2.3 native browser too.

Mark Otto
Owner
mdo commented August 14, 2012

Closing this as a dupe of another issue. Folks found it to be related to the -webkit-translate3d property, but that's not something unique to Bootstrap—it's a valid CSS property after all. It's not something we'll try to fix at this time.

Mark Otto mdo closed this August 14, 2012
Rob Shipley

Bit peeved that this has been closed again... It's a problem that is being exhibited when using bootstrap. Can you direct me to the bug that you think this is a dupe of please? I'd like to track that one. It's killing my app and it's the only framework that I have experienced this problem with so I'm a little sceptical that it's not something in bootstrap that is causing it.

csar-media

I solved this problem by simply commenting out the above mentioned
-webkit-transform: translate3d(0, 0, 0) trick in bootstrap-responsive.css, line 872.

As far as I know, this directive is used to enhance the rendering speed on webkit browsers (should be very useful on mobile devices), because it activates the hardware acceleration. At moment, I cannot check the result on a native phone.

Maybe there is somebody who could give us an hint on the downside of this removal?

doxxon

Getting the same problem in Ubuntu 12.04, Chrome Version 26.0.1410.63
csar-media's workaround does resolve the issue, any update on an official response?

vladady

I'd like an update on this one too. Using Ubuntu 12.04 with Chrome 27.0.1453.93.
Boostrap crashes my browser after resizing it a couple of times.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.