fix: swipe event fired during vertically scrolling #2031

wtetsu · 2011-07-06T08:23:15Z

I think swipe event shouldn't be fired during vertically scrolling.
However, if I move my finger diagonally, both screen scrolling and swipe event are occurred.

This behavior would get operability worse.
(On iPhone native UI, Swipe event isn't fired in this situation)

jQuery Mobile beta1
- iPhone3GS
- iPhone4
- iPad

movie:
http://www.youtube.com/watch?v=GsMsFIwsBYc

reproduce code:

    <!DOCTYPE html>
    <html>
    <head runat="server">
        <meta charset="utf-8">
        <title>swipe event test</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1"> 

        <link rel="stylesheet" href="css/jquery.mobile-1.0b1.css" />
        <link rel="stylesheet" href="css/catrea.mobile.common.css"/>

        <script type="text/javascript" src="js/jquery-1.6.1.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.0b1.js"></script>

        <script type="text/javascript">
          $(function(){
            $("li").swipe(function(){
              $(this).append(' <font color="red">swiped!</red>');
            });
          });
        </script>
    </head>
    <body>
      <div data-role="page">
        <h1>test</h1>

        <ul data-role="listview">
          <li>0</li>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>8</li>
          <li>9</li>
          <li>10</li>
          <li>11</li>
          <li>12</li>
          <li>13</li>
          <li>14</li>
          <li>15</li>
          <li>16</li>
          <li>17</li>
          <li>18</li>
          <li>19</li>
          <li>20</li>
          <li>21</li>
          <li>22</li>
          <li>23</li>
          <li>24</li>
          <li>25</li>
          <li>26</li>
          <li>27</li>
          <li>28</li>
          <li>29</li>
        </ul>
      </div>
    </body>
    </html>

fix: swipe event fired during vertically scrolling

f95f120

wtetsu closed this Jul 11, 2011

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix: swipe event fired during vertically scrolling #2031

fix: swipe event fired during vertically scrolling #2031

Uh oh!

wtetsu commented Jul 6, 2011

Uh oh!

Uh oh!

fix: swipe event fired during vertically scrolling #2031

fix: swipe event fired during vertically scrolling #2031

Uh oh!

Conversation

wtetsu commented Jul 6, 2011

Uh oh!

Uh oh!