Mobile Safari on iOS crashes on big pages

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.

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 target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?
  5. How do I change the background color with JavaScript?
  6. jQuery: Get height of hidden element in jQuery
  7. Bootstrap modal appearing under background
  8. toggle show/hide div with button?
  9. How to autosize a textarea using Prototype?
  10. Prevent BODY from scrolling when a modal is opened
  11. jqGrid does not render correctly in Chrome/Chrome Frame
  12. CSS transition doesn’t start/callback isn’t called
  13. Select all elements that have a specific CSS, using jQuery
  14. Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQuery
  15. HTML selected option background-color CSS style
  16. list every font a user’s browser can display
  17. Add stylesheet to Head using javascript in body
  18. Disable Drag and Drop on HTML elements?
  19. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  20. css transition doesn’t work if element start hidden
  21. How to make Google Chrome JavaScript console persistent?
  22. jquery – How to determine if a div changes its height or any css attribute?
  23. How to convert unordered list into nicely styled dropdown using jquery?
  24. className only changing every other class
  25. Use :hover to modify the css of another class?
  26. width/height after transform
  27. Styling [duplicate]
  28. HTML – how can I show tooltip ONLY when ellipsis is activated
  29. Responsive horizontal page sliding
  30. How to reorder divs using flex box?
  31. “Scroll” to the very right of a long text input
  32. Can I access the value of invalid/custom CSS properties from JavaScript?
  33. HTML Alignment Issue in one machine only (both IE8)
  34. Is there a way to import variables from javascript to sass or vice versa?
  35. Center flex item in container, when surrounded by other flex items
  36. Padding or margin value in pixels as integer using jQuery
  37. how to disable DIV element and everything inside [duplicate]
  38. How to check if a CSS property or value is supported by a browser?
  39. Div Z-Index issue with Flash movie
  40. Possible to associate label with checkbox without using “for=id”?
  41. CSS selector for targeting only immediate children and not other identical descendants
  42. Specify parent divs opacity but make it not affect children HTML elements
  43. Is it possible to style a title? (and with CSS or js?) [duplicate]
  44. How to make Jquery UI Tabs scroll horizontally if there are too many tabs
  45. CSS Transition doesn’t work with top, bottom, left, right
  46. how to get the base url in javascript
  47. iphone/ipad triggering unexpected resize events
  48. How do I make an “else” in an IE HTML conditional?
  49. css transitions on new elements
  50. Set focus and cursor to end of text input field / string w. Jquery [duplicate]

Leave a Comment