Mobile: Combobox don't show option list on Mobile Browser

[Aod47]

I test combobox on chrome web browser on desktop. Combobox show option list properly.
But when open on mobile web browser like chrome, opera, foxpro. Combobox don't show option list when click down arrow button.

Code for populate combobox is

Code:

<input id="dealer" name="dealer" class="easyui-combobox" style="width:100%;height:38px" data-options="required:true,prompt:'Select dealer',valueField:'id',textField:'code',url:'getCmbDealer.ashx',method:'post',
                        onChange:function(){$('#username').textbox('textbox').focus();}
                    "  />

I use version 1.5.5.4

Thank you

[jarry]

Please add this code to head section of your page.

Code:

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

[Aod47]

Yes, I already add meta tag like that. But problem not solve.

Code:

<meta name="mobile-web-app-capable" content="yes" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Log-In</title>  
    <link rel="stylesheet" type="text/css" href="themes/black/easyui.css" />  
    <link rel="stylesheet" type="text/css" href="themes/mobile.css" />  
    <link rel="stylesheet" type="text/css" href="themes/icon.css" />  
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono" /> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit" /> 
    <script type="text/javascript" src="easyui/jquery.min.js"></script>  
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="easyui/jquery.easyui.mobile.js"></script> 
    <style type="text/css">
        body { 
            font-family: 'Roboto Mono', 'Kanit';
        }
        a, li, input[type="text"] { font-size: 16px;}
        .aw 
	    {
	       width: auto;
           border       : 1px solid #efcfd6;
           padding      : 10px 10px 10px 40px;
           background   : #f7dfde url(./css/icons/exclamation.png) no-repeat 10px 10px; 
           font-size: 14px;
           color: Maroon;
           text-align: left
        }
	</style>

[jarry]

Please show an example to demostrate your issue.

[Aod47]

OK. I think I found the error from Visual Studio Express 2010 with .Net 4.0 but I don't know why error?

I go back to use Visual Studio Express 2008 with .Net 2.0 and problem go away.

You can close this thread. Thank you very much.