Dock auto height shows scrollbars in Internet Explorer 9

[Richard M]

We would like to keep the height to "auto", rather than having to set the height manually.  This only happens in Internet Explorer 9.  The auto height works fine in all other versions of Internet Explorer, and does not show the scrollbars.  Does Telerik have a fix for this?

<telerik:RadDock ID="RadDock1" runat="server" Width="720px" BorderStyle="None" Skin="MySkin1"
EnableEmbeddedSkins="False" EnableRoundedCorners="True"
EnableAnimation="True" Title="RadDock1"
DefaultCommands="ExpandCollapse" Collapsed="True" Visible="False">

(skin)
.RadDock .rdTop .rdTitleBar
{
  text-align: left;
  position: relative;
  vertical-align:top  !important;
}
.RadDock
{
  height: auto!important;
  margin: 0 0 15px 0 !important;
}

[Slav]

Hello Richard,

I tried to reproduce the encountered problem, but to no avail. Please find attached my test page and compare it with your actual project in order to check for differences in the setup. I have also included a screen capture, showing the appearance of the RadDock on my end.

By default the height of the RadDock control is adjusted according to its content, when nothing is set in its Width property, so it isn't necessary to apply additional styles in order to achieve such behavior.

Note that currently I am mostly guessing as to what your setup is and the problem is caused most probably by parts of your project that are not covered by the provided code sample. If you are still unable to resolve your issue, please open a regular support ticket and try modifying the attached project so that it matches your scenario. If this is not possible, you can also prepare and send a fully runnable page that isolates the described problem so that we can inspect it locally and suggest a solution.

Regards,
Slav
the Telerik team

[Richard M]

Thanks, I'll close this issue.