Fix scrolling in iframes on touch devices

Thomas Bruederli

2013-08-14 85e10cbb418687f92bdd032beb1ded0205e6a857

 skins/larry/templates/mail.html

@@ -30,7 +30,7 @@
<div id="folderlist-header"></div>
<div id="mailboxcontainer" class="uibox listbox">
<div id="folderlist-content" class="scroller withfooter">
<roundcube:object name="mailboxlist" id="mailboxlist" class="listing" folder_filter="mail" unreadwrap="%s" />
<roundcube:object name="mailboxlist" id="mailboxlist" class="treelist listing" folder_filter="mail" unreadwrap="%s" />
</div>
<div id="folderlist-footer" class="boxfooter">
   <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" onclick="UI.show_popup('mailboxmenu');return false" innerClass="inner" content="&#9881;" />
@@ -52,7 +52,7 @@
</div>

<!-- search box -->
<div id="quicksearchbar">
<div id="quicksearchbar" class="searchbox">
<roundcube:object name="searchform" id="quicksearchbox" />
<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" onclick="UI.show_popup('searchmenu');return false" title="searchmod" content=" " />
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
@@ -70,7 +70,7 @@
<div id="messagelistcontainer" class="boxlistcontent">
<roundcube:object name="messages"
   id="messagelist"
   class="records-table sortheader"
   class="records-table messagelist sortheader fixedheader"
   optionsmenuIcon="true" />
</div>

@@ -112,7 +112,7 @@

<div id="mailview-bottom" class="uibox">

<div id="mailpreviewframe">
<div id="mailpreviewframe" class="iframebox">
<roundcube:object name="messagecontentframe" id="messagecontframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" />
</div>

@@ -124,7 +124,7 @@

</div><!-- end mainscreen -->

<div><!-- end minwidth -->
</div><!-- end minwidth -->

<div id="searchmenu" class="popupmenu">
   <ul class="toolbarmenu">
@@ -140,7 +140,7 @@

<div id="dragmessagemenu" class="popupmenu">
   <ul class="toolbarmenu">
      <li><roundcube:button command="moveto" onclick="return rcmail.drag_menu_action('moveto')" label="move" classAct="active" /></li>
      <li><roundcube:button command="move" onclick="return rcmail.drag_menu_action('move')" label="move" classAct="active" /></li>
      <li><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li>
   </ul>
</div>
@@ -148,7 +148,8 @@
<div id="mailboxmenu" class="popupmenu">
   <ul class="toolbarmenu" id="mailboxoptionsmenu">
      <li><roundcube:button command="expunge" type="link" label="compact" classAct="active" /></li>
      <li class="separator_below"><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li>
      <li><roundcube:button command="purge" type="link" label="empty" classAct="active" /></li>
      <li><roundcube:button name="messageimport" type="link" class="active" label="importmessages" onclick="UI.show_uploadform()" /></li>
      <li><roundcube:button command="folders" task="settings" type="link" label="managefolders" classAct="active" /></li>
      <roundcube:container name="mailboxoptions" id="mailboxoptionsmenu" />
   </ul>
@@ -226,6 +227,14 @@
   </div>
</div>

<div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='importmessages' />">
   <roundcube:object name="messageimportform" id="uploadform" attachmentFieldSize="40" buttons="no" />
   <div class="formbuttons">
      <roundcube:button command="import-messages" type="input" class="button mainaction" label="upload" />
      <roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" />
   </div>
</div>

<roundcube:include file="/includes/footer.html" />

</body>