RadTabStrip last tab jumps to another row with scrolling enabled

[Deimantas]

Hello,

I have a RadTabStrip control, I have used the same control for a long time now, and the issue came up after we updated to the 2013.2.717.35 version of Telerik.
The control was working fine in the previous version that we had used (2012.3.1016.35). 

After version update if there are more tabs than fit to the width of the TabStrip and if scrolling is activated the last tab jumps down to a second row. This issue is occurring only on IE 10 and 11. After some investigation we have found that this issue was supposedly fixed in the new 2013.3.1114.35 version:

TabStrip

FIXED

• Fixed: In IE11 the width of the RadTabs is not calculated properly when scrolling is enabled.

However, I had downloaded a trial of that version, deployed it and the problem still remains. Last tab still jumps to a second row. Can you confirm that this issue is fixed in 2013.3.1114.35?

If not, how should I work around it for now, and if it is indeed fixed - why it does not work for me?

I have found suggestions to use the tabstrip.repaint() method. I have tried that - did not help.
Another suggestion was to increase the width of the wrapping ul item using javascript or code behind. I have done that also but with little success. This approach does help to put all the tabs in one row, however then the scroll does not go to the very end of the tabstrip.

If you have no suggestions how to properly fix this issue, maybe you have an idea on how I could make it scroll to the end of the tabstrip after I increase the width of the tabstrip ul item? This solution would work, as visually it would look ok for the user, even though it wouldn't be a nice workaround running in the background :)

Any help appreciated.

If you need further information, screenshots or something else regarding this issue, feel free to ask. 

Thank you, Deimantas.

[Nencho]

Hello Deimantas,

After some testing, the fix seems to be correctly implemented. Therefore, I would like to ask you to continue our conversation in the other identical ticket that you had submitted, in order to avoid duplication.

Regards,
Nencho
Telerik

[Antony]

Hello Support,

I have the exact problem with the tab jumping onto a new row when scrolling is enabled.
The original poster stated that version 2013.3.1114 listed this as one of the included fixes however if you now read the version notes this fix is not mentioned.
Has this bug been fixed or not, please can you provide us with a work around as we are days away from releasing the latest version of our product.

Thanks
Antony

[Nencho]

Hello Antony,

Could you provide us with the implementation of the RadTabStrip that you are using at your end, in order to inspect it locally?

Regards,
Nencho
Telerik

[Antony]

Hi Nencho,

Firstly please can you answer the question I posed.

Is this bug fixed in the latest internal build?

I can't give you a runable sample as it would take too long and my hours need to be spent working on the software I am paid to work on.

I have produced a Jing video capture but I can't upload it here.
The behaviour can be consistantly replicated by creating a tab strip will lots of tabs, single row allow scrolling. scroll to the last tab and then click on it, the last tab dissappears, what actually happens is the last tab is moved to a new line which can't be seen by the user.
This only appears to happen in IE 9 non compatiblity mode.

I hope this explaination helps you to do your work.

Thanks
Antony

[Nencho]

Hello Antony,

As previously mentioned, the fix is correctly implemented. The bug was related with an exception thrown in IE11, which was closely related with the not proper calculation of the width of the RadTabs. In addition, since you had another support ticket submitted, regarding this topic, I would suggest you to continue our conversation in the other ticket, in order to avoid duplication.

Regards,
Nencho
Telerik