<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>202531</bug_id>
          
          <creation_ts>2019-10-03 09:33:19 -0700</creation_ts>
          <short_desc>&quot;touch-action: pan-y&quot; doesn&apos;t work</short_desc>
          <delta_ts>2019-11-08 02:43:58 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>UI Events</component>
          <version>Other</version>
          <rep_platform>iPhone / iPad</rep_platform>
          <op_sys>iOS 13</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>202053</dup_id>
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Tobi Reif">tobi</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>graouts</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>webkit</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1576445</commentid>
    <comment_count>0</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2019-10-03 09:33:19 -0700</bug_when>
    <thetext>When I load https://tobireif.com/posts/layout_fun_with_css_grid/ eg on a Galaxy phone (eg in Chrome), and drag the &quot;resize&quot;-bar (below &quot;Another demo&quot;), and over-drag, the handle stops moving. So I add touch-action: pan-y – now when I over-drag, the handle follows. And when I drag the grid demo itself, I get normal y-axis scrolling of the page.

When I load this in the iPhone simulator app (iOS 13 iPhone 8), and over-drag the resize-bar, it (sometimes) doesn&apos;t follow. For example: drag-resize the in-page demo to narrow, over-drag, then go back all the way. Do this once or eg twice -&gt; the drag-handle stops following.

So I added this hack:

(function() {

  isMobileSafari = /iP(ad|hone|od)/i.test(navigator.userAgent);
  if (isMobileSafari) {
    demo.style.touchAction = &quot;none&quot;;
  }

})();

Now there&apos;s no issue with the drag-handle (it always follows), but I don&apos;t get any scrolling (the page doesn&apos;t move when I try to drag the demo itself up/down). But page-scrolling is very important :/

I hope that you can reproduce all this (probably by toggling stuff via the dev-tools), and that the issue(s) can get fixed soon. Then I can remove the iPhone hack. In Chrome (eg on a Galaxy phone) everything works beautifully.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1576447</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2019-10-03 09:34:54 -0700</bug_when>
    <thetext>&lt;rdar://problem/55949668&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1576824</commentid>
    <comment_count>2</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2019-10-04 05:36:42 -0700</bug_when>
    <thetext>I think this is a duplicate of bug 202053. You should be able to try it out in the iOS 13.2 beta. I tried your test and as I understand it, disabling the `touch-action: none` style has the expected behavior: I can resize by dragging horizontally, but I can also scroll vertically if the initial gesture is vertical.

*** This bug has been marked as a duplicate of bug 202053 ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1586914</commentid>
    <comment_count>3</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2019-11-04 02:11:50 -0800</bug_when>
    <thetext>I tried to download iOS 13.2 beta, but
https://developer.apple.com/download/ -&gt;
https://download.developer.apple.com/Developer_Tools/Xcode_11.2_beta_2/Xcode_11.2_beta_2.xip
currently brings &quot;403 Forbidden&quot;. I&apos;m logged in (and I&apos;m using Safari).</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1586947</commentid>
    <comment_count>4</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2019-11-04 05:18:16 -0800</bug_when>
    <thetext>iOS 13.2 has been released publicly already, you shouldn&apos;t need a beta build and should be able to use a GM build.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1588583</commentid>
    <comment_count>5</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2019-11-07 23:27:44 -0800</bug_when>
    <thetext>It has been released since then (when I had checked, XCode 11.2 was listed as beta). Downloading it right now.
https://download.developer.apple.com/Developer_Tools/Xcode_11.2.1_GM_Seed/Xcode_11.2.1_GM_Seed.xip</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1588597</commentid>
    <comment_count>6</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2019-11-08 02:43:58 -0800</bug_when>
    <thetext>I checked it in iOS 13.2 (Simulator.app -&gt; iPhone 8).

(By the way, since the update it&apos;s not possible to copy&apos;n&apos;paste from outside the simulator into the URL bar. Is this a known bug?)

I can confirm that the reported issue has been fixed:

I can over-drag the resize-handle of the in-page demo and move back, and the handle always follows.

And when I drag the demo itself along the y-axis, the page scrolls.

Thanks a lot!</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>