Select drop down ARROW hides in responsive view firefox

**vinpkl** · 04-20-2015, 12:38 PM

Hi

I have a select drop down on my page.

When i go to Responsive mode of Firefox, why does the drop down arrow gets hide.

Open this page in firefox >> Tools >> Responsive Design View

The drop down arrow gets hidden.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form>
<select>
<option>one</option>
<option>two</option>
</select>
</form>
</body>
</html>

Thanks
Vineet

**jscheuer1** · 04-20-2015, 03:29 PM

It's either poor coding on the part of the people who made that (Responsive Design View), or it's how it looks. I vote for the former (poor coding), as even if you make it big, the arrow is still not there. The drop down select element still works though, just click on it. If you are still concerned Google to see if it has been filed as a bug report. If it hasn't, you can submit your own bug report to Firefox about it.

Oh, it's already been filed:

https://bugzilla.mozilla.org/show_bug.cgi?id=913432

Twice even:

https://bugzilla.mozilla.org/show_bug.cgi?id=904656

Doesn't look like they're in a hurry to fix it.

**vinpkl** · 04-20-2015, 04:29 PM

Hi jscheuer1's

Thanks for the pointing out that its already a bug.

I am concerned about the users visiting my website and using drop downs on mobile phones in firefox mobile version.

Will they be able to know that its a drop down ??

vineet

**jscheuer1** · 04-20-2015, 05:19 PM

Yes. As long as they aren't using Firefox's Responsive Design View, which is unlikely.

The select (what you are calling a drop down) is a standard element. Any device/browser which doesn't render it in a useful way is broken or intentionally limited (like a text only browser) and will either soon be fixed or discontinued, unless it isn't expected to render full HTML. This flaw persists in Responsive Design View because fixing it isn't essential to the overall purpose of that tool, which is simply to get an idea of the flow of the page at different screen sizes.

The only way to know how it will look on any device/browser is to check though. I would be incredibly surprised if it didn't work on mobile devices with Firefox. If it doesn't, that would be a serious bug they would fix very soon.

Thread: Select drop down ARROW hides in responsive view firefox

Thread Tools

Search Thread

Select drop down ARROW hides in responsive view firefox

Similar Threads

could not find the Show Hidden Files in Firefox FTP

over flow hidden - problems with firefox

Step Carousel View Youtube/Embed/Oject shows in FF while it should be hidden

Drop down menu hidden beneath IE6 select box

DD Tab Menu I & II not view in Firefox

Bookmarks

Bookmarks

Posting Permissions