Mobile Safari on iOS crashes on big pages

by

I actually found the problem. It wasn’t with JS as I thought, but with the CSS. I added class to make a CSS transition to fade in some elements. For anonymous users these elements had display: none; and probably never ran the opacity transition.

The strange thing is that the transitions was on exactly two elements. So why would this only crash on long threads with 100+ comments?

So the bottom line is: -webkit-transition crashed the page on mobile safari.

More Related Contents:

  1. iOS 8 removed “minimal-ui” viewport property, are there other “soft fullscreen” solutions?
  2. Fixed positioning in Mobile Safari
  3. programmatically changing webkit-transformation values in animation rules
  4. How do I find which JavaScript is changing an element’s style?
  5. Fade animation while scrolling
  6. How do you read CSS rule values with JavaScript?
  7. jQuery SVG, why can’t I addClass?
  8. Setting background-image using jQuery CSS property
  9. How to get the background color code of an element in hex?
  10. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  11. Read :hover pseudo class with javascript
  12. How to ONLY trigger parent click event when a child is clicked
  13. Detect fullscreen mode
  14. Count down timer with circular progress bar
  15. How can I detect when a new element has been added to the document in jquery?
  16. JavaScript Loading Screen while page loads
  17. Materialize CSS – Select Doesn’t Seem to Render
  18. jQuery – Sticky header that shrinks when scrolling down
  19. How do I make an “else” in an IE HTML conditional?
  20. Remove scrollbar but not scrolling functionality [duplicate]
  21. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  22. fade effect using javascript no jquery?
  23. How can I animate the drawing of text on a web page?
  24. How to keep the header static, always on top while scrolling?
  25. How to stop user from printing webpages? using javascript or jquery
  26. How do I get a floating footer to stick to the bottom of the viewport in IE 6?
  27. Disable images in Selenium Python
  28. How can I compare two color values in jQuery/JavaScript?
  29. How should I crop an image at client side using jcrop and upload it?
  30. Removing element with jQuery?

Leave a Comment