This is a migrated thread and some comments may be shown as answers.

TabStrip off by 1 pixel in IE with last tab selected

1 Answer 63 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Tom
Top achievements
Rank 1
Tom asked on 27 Apr 2018, 05:57 PM

Here is the entire contents of my aspx markup. There is nothing in the code-behind.

 

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Tom.aspx.vb" Inherits="POC_Tom" %>
<!DOCTYPE html>
<head runat="server">
   <title>test</title>
</head>
<body>
   <form id="form1" runat="server">
      <div>
 
         <asp:ScriptManager ID="smDemo" runat="server" ScriptMode="Release" />
          
         <telerik:RadTabStrip runat="server" ID="tabTom">
            <Tabs>
               <telerik:RadTab runat="server" Text="Paul"></telerik:RadTab>
               <telerik:RadTab runat="server" Text="George"></telerik:RadTab>
               <telerik:RadTab runat="server" Text="John"></telerik:RadTab>
               <telerik:RadTab runat="server" Text="Ringo"></telerik:RadTab>
            </Tabs>
         </telerik:RadTabStrip>
 
      </div>
   </form>
</body>
</html>

 

In IE 11, clicking the last tab shifts the contents of the control over 1 pixel and cuts off on the left. (The control renders properly in FireFox and Chrome.)

See the attached screenshot to see what I mean. Everything in hot-pink was added to the screenshot by me. Note the vertical line which shows the shift.

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 30 Apr 2018, 12:07 PM
Hello Tom,

Thank you for reporting this slight shifting behavior in IE11. On my end it is slightly noticeable and the left tab border is still visible as shown in the attached video.

Nevertheless, my advice is to try the Lightweight render mode of the control which behaves as expected in IE11. You can turn it on by setting RenderMode="Lightweight". 

The classic rendering is discontinued since Q3 2015 and we recommend using the lightweight one.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
TabStrip
Asked by
Tom
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or