[Solved] bug: Problem with NumericTextBox on TabStrip while scrolling

[Igor Stanek]

Hello,

I would like to announce a behavior which looks like a bug,

I use Html.Telerik().TabStrip() and Html.Telerik().NumericTextBoxFor as inner component in it (see attached screenshot - telerik_001.png),

Now, when I move down in the given tabstrip with scrollbar NumericTextBox starts behave a little strange. It moves down, but its number value remains in the same place, as if it has an absolute position (see attached screenshot - telerik_002.png).

Is there anything I can do (workaround) to resolve this bug?

We use latest realease version of Telerik ASP.NET MVC components - Q2_2011_715 for ASP.NET MVC 3.

Thank you.

Best regards

[Dimo]

Hello Igor,

This is a known bug of Internet Explorer related to positioned elements inside scrollable containers. Please add a position:relative style to the TabsTrip content wrapper using ContentHtmlAttributes().

items.Add().Text("Tab").ContentHtmlAttributes(new { style = "position:relative" })

Alternatively, you can use a CSS rule to be applied accross all TabStrip instances and pages:

.t-tabstrip  .t-content
{
        position: relative ;
}

Regards,
Dimo
the Telerik team