Vertical issue - it gets stuck in IE9 /IE9 standards

[Saket]

Hi Telerik Team,

I have a problem with Rad Editor control. When changing browser mode:  IE9  and Document Mode:  IE9 standards ONLY. Many of the elements  get stuck vertically - you cannot move them DOWN.  This has happened with file list, image and even with plain text.   
I have tried in telerik domo in this url also (http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx)  but got same problem.

Please, find the attached Screen shot of my issues and If you have any solution/suggestion for this problem then help me out. I need to implement this functionality as soon as possible.

Thanks in Advance

Regards
Saket

[Ianko]

Hi Saket,

Unfortunately I am unable to understand what exactly is the problem. With the attached screenshots I can see centered list element, but I can only make assumption if this is a problem or I should look for something else.

Please provide detail steps that leads to the problem and the exact HTML content used to capture the screenshots, even better a screencast that demonstrates the issue with the Telerik live example.

Regards,
Ianko
Telerik

 

 

[Saket]

Hi Admin,

Let me explain my issue little bit more to make you understandable.
Ths problem is moving objects/HTML Elements with Position:absolute in vertical direction following IE9 browser mode:
The steps for reproducing the issue in IE9 browser :-

Step 1. Set IE9 enabled modes: Browser mode: 
        IE9  and Document Mode:  IE9 standards (moving horizontally and vertically smoothly)
Step 2. Set IE9 enabled modes: Browser mode:  
IE9  and Document Mode:  Quirks mode (moving horizontally and vertically smoothly)

Step 3. Set IE9 enabled modes: Browser mode:  

IE9  and Document Mode:  IE9 standards (Can not move vertically )(This is the issue)

For testing purpose you can use the HTML Content:

<style type="text/css">
    body { font-family:Verdana;font-size:13px;}
</style>
<div disabled="true" id="dvShowUpload" style="padding: 20px 20px 20px 10px; border: currentColor; left: 40px; top: 40px; color: #000000; font-family: Verdana; font-size: 14px; font-style: normal; font-weight: normal; position: absolute; word-wrap: break-word;" runat="server">
<ul>
    <li><a  id="anchorShow9 " style="border: 0px currentColor; color: #4f81bd; padding-bottom: 10px; text-decoration: underline; cursor: pointer;" runat="server" value=" La vie "> Live demo in progress </a> </li>
    <li><a id="anchorShow10 " style="border: 0px currentColor; color: #4f81bd; padding-bottom: 10px; text-decoration: underline; cursor: pointer;" runat="server" value=" Flash Test "> Flash Test in progress </a> </li>
   </ul>
</div>

Set IE9 modes in developers tool (F12)  from here as mention in image below :-


Thanks in advance
Saket

[Saket]

Screen shot of browser issue:- 

[Ianko]

Hi Saket,

I followed the provided steps, but to no avail. Please, examine these screencasts:

• Under IE10
• Under IE11
  

Let me know if I am missing something important.

Regards,
Ianko
Telerik