[Webkit-unassigned] [Bug 81880] New: A "touchmove" event relevant bug of iOS 5.1's Safari
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Mar 22 00:58:57 PDT 2012
https://bugs.webkit.org/show_bug.cgi?id=81880
Summary: A "touchmove" event relevant bug of iOS 5.1's Safari
Product: WebKit
Version: 528+ (Nightly build)
Platform: Other
OS/Version: Other
Status: UNCONFIRMED
Severity: Blocker
Priority: P5
Component: Event Handling
AssignedTo: webkit-unassigned at lists.webkit.org
ReportedBy: weilou.happy at gmail.com
Run codes below on iOS 5.1's Safari:
<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML5 Document</title>
<style>
div:nth-child(1) {
background: yellow;
width: 400px;
height: 300px;
}
div:nth-child(2) {
background: red;
width: 400px;
height: 300px;
overflow-y: auto;
-webkit-overflow-scrolling: touch; /* Can't be run! Bug! */
}
</style>
<div>
Click me!
</div>
<div>
Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!<br>Scroll down me!
</div>
<div>
So you can click on the first div element. It's OK. But you can't scroll down the 2nd div's contents via touch move on iOS 5.1's Safari. This is a bug.
</div>
<script>
document.addEventListener('click', function (event) {
event.preventDefault();
}, false);
document.querySelector('div:nth-child(1)').addEventListener('click', function () {
alert('Clicked successfully!');
}, false);
document.addEventListener('touchmove', function (event) {
event.preventDefault();
}, false);
</script>
--
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
More information about the webkit-unassigned
mailing list