Page up button in CKEditor does not work properly

j.swiderski wrote:I have tried to reproduce your problem with the latest CKEditor 3.6.1 but failed.

Could you tell me what version of CKEditor are you using (perhaps some sort of integration)?

Are you using some special settings for CKEditor or are you are able to reproduce it in sample pages with default configuration?

j.swiderski wrote:I have checked the demo and again I have found nothing wrong.
Here is what I did:
1) I have copied the text from the demo multiple times.
2) I have placed the cursor at the top (next to ^Little Red Riding Hood)
3) I have paged down (two 'page downs' did the trick)
4) I have paged up (also two 'page ups' did the trick) - the cursor was next to ^Little Red Riding Hood.

If you could tell me what have I missed in my TC? Perhaps provide me with detailed steps how to reproduce the problem?

Hi Jakub,
To make things simple , I have prepared the test data, test based on this source. paste it over the existing data in source mode then go back to WYSIWYG mode.
====== START OF DATA ===============================
<h1>
<img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" style="float: left; margin-left: 10px; width: 120px; margin-right: 10px; height: 168px" />Little Red Riding Hood</h1>
<p>
&quot;<b>Little Red Riding Hood</b>&quot; is a famous <a href="http://en.wikipedia.org/wiki/Fairy_tale" title="Fairy tale">fairy tale</a> about a young girl&#39;s encounter with a wolf. The story has been changed considerably in its history and subject to numerous modern adaptations and readings.</p>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width: 200px">
<caption>
<strong>International Names</strong></caption>
<tbody>
<tr>
<td>
Chinese</td>
<td>
<i>小紅帽</i></td>
</tr>
<tr>
<td>
Italian</td>
<td>
<i>Cappuccetto Rosso</i></td>
</tr>
<tr>
<td>
Spanish</td>
<td>
<i>Caperucita Roja</i></td>
</tr>
</tbody>
</table>
<p>
The version most widely known today is based on the <a href="http://en.wikipedia.org/wiki/Brothers_Grimm" title="Brothers Grimm">Brothers Grimm</a> variant. It is about a girl called Little Red Riding Hood, after the red <a href="http://en.wikipedia.org/wiki/Hood_%28headgear%29" title="Hood (headgear)">hooded</a> <a href="http://en.wikipedia.org/wiki/Cape" title="Cape">cape</a> or <a href="http://en.wikipedia.org/wiki/Cloak" title="Cloak">cloak</a> she wears. The girl walks through the woods to deliver food to her sick grandmother.</p>
<p>
A wolf wants to eat the girl but is afraid to do so in public. He approaches the girl, and she na&iuml;vely tells him where she is going. He suggests the girl pick some flowers, which she does. In the meantime, he goes to the grandmother&#39;s house and gains entry by pretending to be the girl. He swallows the grandmother whole, and waits for the girl, disguised as the grandmother.</p>
<p>
When the girl arrives, she notices he looks very strange to be her grandma. In most retellings, this eventually culminates with Little Red Riding Hood saying, &quot;My, what big teeth you have!&quot;<br />
To which the wolf replies, &quot;The better to eat you with,&quot; and swallows her whole, too.</p>
<p>
A <a href="http://en.wikipedia.org/wiki/Hunter" title="Hunter">hunter</a>, however, comes to the rescue and cuts the wolf open. Little Red Riding Hood and her grandmother emerge unharmed. They fill the wolf&#39;s body with heavy stones, which drown him when he falls into a well. Other versions of the story have had the grandmother shut in the closet instead of eaten, and some have Little Red Riding Hood saved by the hunter as the wolf advances on her rather than after she is eaten.</p>
<p>
The tale makes the clearest contrast between the safe world of the village and the dangers of the <a href="http://en.wikipedia.org/wiki/Enchanted_forest" title="Enchanted forest">forest</a>, conventional antitheses that are essentially medieval, though no written versions are as old as that.adfasdf</p>
<p>
asdf</p>
<p>
adsfadsf</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
<p>
asdfasdfdddddddddddddddddddddddd</p>
========================END OF DATA============================

You should be able to replicate with the following steps after pasting the data and switching back to WYSIWYG mode:
1) Go the last character by pressing Ctrl - End or by paging down to the end.
2) Page up all the way (Should just need to page up twice). At the end of step 2 , your carat should be beside Little Red Riding Hood.
3) Repeat Step 1 again to go to the last character.
4) Repeat Step 2. But do not press any other button other than page up . Notice that the WYSIWYG is showing a different area than what you see in Step 2 previously. See screenshot.jpg attached.

Normally it will happen on the 2nd or subsequent attempt to page up to the top of the page. In Step 4 , the carat might already at the same place as previously (in step 2) but just that the editor is not reflecting it. This is evident if you tab to another window and tab back, you will see that the editor shows back the same position.

Thanks for taking the time to looking the issue.