Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hi,
If I restrict the size of a select box to, say, 100px and then float it right - when you click on it firefox will expand the options list (to the longest option) - which is expected - but it expands off the right hand side of the screen. Is there a way to stop this - ie make the option list pop out to the left instead (as it does in Safari)? I realise IE will just restrict the size of the options to the size of the select box - this is not an issue.
Sample HTML:
-----------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Test</title>
<style type="text/css" media="screen">
select{
float: right;
width: 100px;
}
</style>
</head>
<body>
<select name="some_name" id="some_name">
<option value="option1">option1</option>
<option value="option2">option2, longer option than option1</option>
</select>
</body>
</html>
-------------------
Try running that in a maximized firefox window & you'll see what I mean.
Thanks in advance to anyone who can help
1 to 1 of 1