Log in

View Full Version : 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.



<!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.