<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - iOS Bluetooth Keyboard/External Arrow Keys"
href="https://bugs.webkit.org/show_bug.cgi?id=165356">165356</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>iOS Bluetooth Keyboard/External Arrow Keys
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iPhone / iPad
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 10
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Frames
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>Josheua13@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>In iOS 10 (not in iOS 9), TinyMCE responds abnormally. Specifically, when using TinyMCE where the content doesn't fit on the entire screen, using arrow keys on an external bluetooth or smart keyboard causes the content to auto scroll down to the bottom of the page (page down effect). Manually scrolling up to the content again shows the cursor in its proper spot. Below is a video link showing the issue.
This behavior was not present in iOS 9.
This behavior is limited to bluetooth keyboards and smart kebyoards on both iPhone and iPad.
Testing shows this behavior occurs on both my site and the TinyMCE official site.
To recreate, on iOS 10 to to TinyMCE website. Using sample content editor enter text to cause the frame to extend beyond the limits of the screen. Select text in the frame and attempt to scroll through text using the keyboard.
Video shows the effect on iPhone.
<a href="https://m.youtube.com/watch?feature=youtu.be&v=mp9tpAy6Asg">https://m.youtube.com/watch?feature=youtu.be&v=mp9tpAy6Asg</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>