title: android iFrame not scrolling: what are practices to include our "widget" on client's Web pages while maintaining mobile compatibility
body: <p>We develop a SAAS booking application.  </p>
  
  <p>As part of this service we offer clients a "widget" to embed in their existing Webpage that allows client's to book.</p>
  
  <p>We have implemented this widget as a simple iframe which has been working great up until now. The iFrame seemed a great solution and works in desktop browsers, iOS devices and some android  phones, <strong>but we are getting reports that on some android devices the iFrame is not scrollable and causing users problems.</strong> </p>
  
  <p>We would like to be as compatible across devices as we can so we started thinking, are we doing this the right way...</p>
  
  <p><strong>My question is, is an iFrame an appropriate way to include a widget like this into another site? Or, is there a better method to achieve the same result.</strong> </p>
  
  <p>My research shows that Youtube, Facebook etc seem to use iFrames to achieve this sort of functionality.</p>
  
  <p>Maybe iFrames are the best way to do this and those users on older android devices will just have to accept a less than perfect experience, or maybe there is a better method for us to approach this.</p>
  
  <p>Thanks for any thoughts!</p>
  
  <p>Here is the iframe:</p>
  
  <pre><code>&lt;iframe src="http://salontastic.salonmonster.com/client/index.php?layout=2" width="100%" min-width="630px" style="min-height:600px;" scrolling="auto" frameborder="0"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I created a jsfiddle to demonstrate it in action.</p>
  
  <p><a href="http://jsfiddle.net/6htuz/" rel="nofollow">http://jsfiddle.net/6htuz/</a></p>