We have a RadGrid that displays search results, and paging is enabled on the grid. This inserts a RadComboBox into the grid, where users can use a dropdown to select their preferred page size. The width of this RadComboBox displays ok in most browsers and on most devices (screenshot attached), except for Androids (another screenshot attached). I think what happens is that an inline style is added to the RadComboBox containing div when it's rendered, based on the width of the dropdown contents, and this inline style is ignored on Androids. Here's what the rendered HTML looks like for the relevant RadComboBox div:
The width that is generated for this div is ignored on Androids - it displays much wider than the contents.
Anyone else have this problem or have any ideas how to fix it?
<
div
id
=
"ctl00_TemplateBody_WebPartManager1_gwpciEventList_ciEventList_lstSearchResults_Grid1_ctl00_ctl02_ctl00_PageSizeComboBox"
class
=
"RadComboBox RadComboBox_MetroTouch"
style
=
"width:62px;"
>
The width that is generated for this div is ignored on Androids - it displays much wider than the contents.
Anyone else have this problem or have any ideas how to fix it?