google-chrome-devtoolsmobile-emulator

Google Chrome mobile emulator hiding options in dropdown

I am working with drop down list on mobiles. For testing purposes I'm using Chrome's mobile emulator. One strange thing I noticed is that in mobile emulation if I have more than two elements in the drop down list they are hidden in a strange way.

HTML I'm using

<!DOCTYPE html>
<html>
<head>
    <title>Simple Dropdown</title>
</head>
<body>
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</body>
</html>

Screenshot of desktop

enter image description here

Screenshot of mobile

enter image description here

I'm using chrome version 48.0.2564.97 m. I tried it on my friend's PC who was running Version 47.x.xxxx.xx (don't remember the exact version) and its working fine on that.

Is this a bug in chrome ? Did any of you faced the same issue ? If yes is there any fix ?

Solution

  • Sorry, this is a bug in M48. Some refactoring happened and it had some adverse affects. It has been fixed in M49 coming soon™. Trying to see if it is reproducible by any team members in stable and get them to backport to M48 if possible.