[Webkit-unassigned] [Bug 181566] New: Touch events not received with initial-scale=1 viewport

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jan 11 16:59:38 PST 2018


https://bugs.webkit.org/show_bug.cgi?id=181566

            Bug ID: 181566
           Summary: Touch events not received with initial-scale=1
                    viewport
           Product: WebKit
           Version: Other
          Hardware: iPhone / iPad
                OS: iOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Event Handling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: john.firebaugh at gmail.com

Summary:
In certain circumstances, touch events are not properly dispatched.

Steps to Reproduce:
Open the following document in Mobile Safari and tap on the blue area:

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1">
    <style>
        main {
            display: flex;
        }
        .foo {
            flex-basis: 0;
        }
        .map {
            flex-grow: 2;
            overflow: hidden;
            position: relative;
        }
        .canvas {
            background-color: blue;
        }
    </style>
</head>
<body>
<main>
    <div class="foo">
        <h1>Test</h1>
    </div>
    <div class="map">
        <div class="container">
            <div class="canvas" style="position: absolute; width: 100px; height: 800px;"></div>
        </div>
    </div>
</main>
<script>
    document.querySelector('.container').addEventListener('touchstart', () => console.log('touch'));
</script>
</body>
</html>


Expected Results:
"touch" is logged to the console.

Actual Results:
Nothing is logged.

Most perturbations to this test case will cause it to have the expected results:
* Removing the viewport meta tag
* Reducing the height of the .canvas div to 100px
* Removing any of the CSS rules

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20180112/228adc2f/attachment.html>


More information about the webkit-unassigned mailing list