Completed
Last Updated: 05 Aug 2020 13:46 by ADMIN
Release R3 2020
SUNIL
Created on: 29 Nov 2017 17:48
Category: FormDecorator
Type: Bug Report
0
Select element drop down width issue in FormDecorator
ISSUE: Screenshot of this issue can be seen at :
(1) https://goo.gl/knpdiq 
(2) and also at https://goo.gl/8tDqKe. 

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.

HOW TO REPRODUCE: 
Go to the demo page of FormDecorator at http://demos.telerik.com/aspnet-ajax/formdecorator/examples/overview/defaultcs.aspx.
Expand the only select element on this demo page and you will notice that drop down width is not matching the top part width.

RESOLUTION: 
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:
2 comments
ADMIN
Rumen
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,
Rumen
Progress Telerik

SUNIL
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.