Zero widget height on slow connections



  1. Open this demo from jsfiddle in latest Google Chrome (source).
  2. You should see search widget with single tweet.
  3. Open Developer Tools.
  4. Open Network tab and set “Disable cache” checkbox.
  5. Click on Device Emulation icon.
  6. In Network emulation block choose something lower than Regular 3G (GPRS - Good 2G).
  7. Refresh the page.
  8. After full load there will be no widget.

Twitter script dynamically sets the height of an iframe. It checks the height of iframe contents and then tries to set the same height for parent. But contents is not loaded at check time. So their height is 0 and script sets iframe’s height to zero too.