[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