TabStrip off by 1 pixel in IE with last tab selected

2 posts, 0 answers
  1. Tom
    Tom avatar
    4 posts
    Member since:
    Jan 2009

    Posted 27 Apr 2018 Link to this post

    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.

  2. Rumen
    Admin
    Rumen avatar
    13980 posts

    Posted 30 Apr 2018 Link to this post

    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.
Back to Top