Last Updated: 05 Aug 2020 13:46 by ADMIN
Release R3 2020
Created on: 29 Nov 2017 17:48
Category: FormDecorator
Type: Bug Report
Select element drop down width issue in FormDecorator
ISSUE: Screenshot of this issue can be seen at :
(2) and also at 

The issue is that the drop down width is not matching the width of top part when a select element is styled by FormDecorator. I am using the latest version i.e. 2017.3 913.

Go to the demo page of FormDecorator at
Expand the only select element on this demo page and you will notice that drop down width is not matching the top part width.

When I tried to resolve this problem, I came up with a solution that works across all skins and render modes as well as all modern browsers of Chrome, Firefox, Opera, Edge + IE 9,10 and 11. 

The solution involves overriding the method Telerik.Web.UI.RadFormDecorator.prototype._expandHeader.  JavaScript for overriding this method is given in attached file. Just copy this script and paste in anywhere in your aspx page to resolve this issue.
Attached Files:
Posted on: 05 Aug 2020 13:46

Hi Sunil,

Thank you for sharing your solution with the community! As a small token of gratitude for reporting this, I've updated your Telerik points.

I am also bringing the good news that the problem will be fixed for Lightweight render mode in R3 2020.


Best Regards,
Progress Telerik

Posted on: 29 Nov 2017 18:33
This issue occurs in lightweight and mobile render mode for all skins. In classic render mode. it occurs only for Glow and Silk themes.