CODEWITHSUNDEEP
javascriptgoogle-chromedrop-down-menugoogle-chrome-devtools
Washington Guedes
Washington Guedes

Reputation: 4365

Unable to open select using Chrome devtools mobile mode

I created one file test.html:

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<style type="text/css">
select {
    width: 100%;
    font-size: 120px;
}
</style>

And when using DevTools F12 (any device display mode) it is blocking the select.

I also tried the chrome://flags/#touch-events option from this SO post.

Is there anything I can do to open the select in mobile mode using Chrome?

My Chrome version is 53.0.2785.116 m.

EDIT

My chrome updated today to version 53.0.2785.143 m.

And now the select shows up this way:

enter image description here

Upvotes: 2

Views: 1432

Answers (1)

Garbee
Garbee

Reputation: 10981

This is a bug. You can star the report to show it is affecting you and if you can please provide your OS and hardware configuration so the team can have as much information as possible from multiple people seeing this to figure out what is wrong.

Sadly, until the bug is fixed Device Mode can't be used to test select elements.

Thank you.

Upvotes: 3

Related Questions