473,746 Members | 2,717 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

IE Bug

SELECT drop-list width incorrect for long text when SELECT is fixed width
Setting the width style of a SELECT statement causes the contents of the
drop-list to be cropped.

This is problematic when attempting to limit the width of the select box for
layout purposes (say, a fixed-dimensions application UI) whilst still
presenting the user with all of the required information to make a choice.

Any clue to solve the above issue is highly appreciated!


Jan 12 '06 #1
7 1910
sean said the following on 1/11/2006 10:34 PM:
SELECT drop-list width incorrect for long text when SELECT is fixed width
Setting the width style of a SELECT statement causes the contents of the
drop-list to be cropped.
What do you think it *should* do? You tell it to set it at a width, and
then you complain that it does just that? Thats not a bug, that is doing
what you told it to do.
This is problematic when attempting to limit the width of the select box for
layout purposes (say, a fixed-dimensions application UI) whilst still
presenting the user with all of the required information to make a choice.

Any clue to solve the above issue is highly appreciated!


Ummm, ehhh, what does this have to do with Javascript?

comp.infosystem s.www.authoring.html
comp.infosystem s.www.authoring.stylesheets

Might be better groups to ask in.
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Jan 12 '06 #2
Thanks for the info. But in FireFox the dropdown menu part will
automatically extend to fit the width of the long text without change the
width of the combobox part. I recall seeing a javascript hack somewhere to
solve this problem by openning a popup that masks the original dropdown and
adjust the text width in the popup... Well, I guess I have to find it myself
and show it here..

Thanks!
"Randy Webb" <Hi************ @aol.com> wrote in message
news:6J******** ************@co mcast.com...
sean said the following on 1/11/2006 10:34 PM:
SELECT drop-list width incorrect for long text when SELECT is fixed width
Setting the width style of a SELECT statement causes the contents of the
drop-list to be cropped.


What do you think it *should* do? You tell it to set it at a width, and
then you complain that it does just that? Thats not a bug, that is doing
what you told it to do.
This is problematic when attempting to limit the width of the select box
for layout purposes (say, a fixed-dimensions application UI) whilst still
presenting the user with all of the required information to make a
choice.

Any clue to solve the above issue is highly appreciated!


Ummm, ehhh, what does this have to do with Javascript?

comp.infosystem s.www.authoring.html
comp.infosystem s.www.authoring.stylesheets

Might be better groups to ask in.
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices -
http://www.JavascriptToolbox.com/bestpractices/

Jan 13 '06 #3
sean said the following on 1/13/2006 1:44 AM:

Please do not top-post in comp.lang.javas cript
Thanks for the info. But in FireFox the dropdown menu part will
automatically extend to fit the width of the long text without change the
width of the combobox part.
Then I would consider that a bug in FireFox's CSS Support if it is not
honoring your CSS Definition to set it at a particular width.

But, if you want the Select to be a certain minimum width and then to
expand if need be but do not shrink below that width, then you pad one
of the Select Elements:

<option value="1">Optio n Text&nbsp;&nbsp ;&nbsp;&nbsp; </option>
Add more spaces to make it the width you want.
I recall seeing a javascript hack somewhere to solve this problem by openning a
popup that masks the original dropdown and adjust the text width in the popup...
You want to open a popup, well at least try to, to mask an original
dropdown select list instead of padding an Option or simply not
declaring a width? All because Firefox doesn't follow the CSS Code you
give it?

That wouldn't be a "hack", that would be insanely ludicrous.

That still is not an "IE Bug" but rather a "Firefox Bug".
Well, I guess I have to find it myself and show it here..


That would be interesting just to show how it is utterly insane and useless.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Jan 13 '06 #4
On 2006-01-13, Randy Webb <Hi************ @aol.com> wrote:
sean said the following on 1/13/2006 1:44 AM:

Please do not top-post in comp.lang.javas cript
Thanks for the info. But in FireFox the dropdown menu part will
automatically extend to fit the width of the long text without change the
width of the combobox part.
Then I would consider that a bug in FireFox's CSS Support if it is not
honoring your CSS Definition to set it at a particular width.


the dropdown is mmade of <options> it may hase be that firefox just has a
different policy for the width of the options and how to handle overflow...

set an explicit width for option,
and also overflow: hidden ; padding-right:20px
But, if you want the Select to be a certain minimum width and then to
expand if need be but do not shrink below that width, then you pad one
of the Select Elements:
??? you could just use CSS to set the minimum width.....
That still is not an "IE Bug" but rather a "Firefox Bug".


it mak be able to fix the IE behavior using CSS
(possibly "option {overflow:visib le;})

I can't be bothered to try.

Bye.
Jasen
Jan 14 '06 #5
Jasen Betts said the following on 1/14/2006 1:30 AM:

comp.infosystem s.www.authoring.stylesheets added to cross-post.
On 2006-01-13, Randy Webb <Hi************ @aol.com> wrote:
sean said the following on 1/13/2006 1:44 AM:

Please do not top-post in comp.lang.javas cript

Thanks for the info. But in FireFox the dropdown menu part will
automaticall y extend to fit the width of the long text without change the
width of the combobox part.
Then I would consider that a bug in FireFox's CSS Support if it is not
honoring your CSS Definition to set it at a particular width.

the dropdown is mmade of <options>


<sarcasm>Really ? I didn't know that</sarcasm>
it may hase be that firefox just has a
different policy for the width of the options and how to handle overflow...
That may be and having a "different policy" doesn't make it a bug in IE
unless there is something in a specification somewhere that says it
should do something different.

And after re-reading the posts in this thread what I thought the OP was
referring to was not what I thought it was.

comp.infosystem s.www.authoring.stylesheets was added in the hopes
someone there can clarify which is right and which is wrong (if either
is wrong)

<select style="width:3e m">
<option>Optio n 1 with lots of content</option>
<option>Optio n 2 with lots of content</option>
<option>Optio n 3 with lots of content</option>
<option>Optio n 4 with lots of content</option>
<option>Optio n 5 with lots of content</option>
</select>

What the OP is referring to is that in IE all you will see is a list
that is 3em wide. Which is what I *explicitly* told it to do. In Firefox
when you click the down arrow, you will see the entire text.

Adding a width style to the option does not change that behavior in IE.

The OP is claiming that as a bug in IE when its not. IE is doing
*exactly* what you are telling it to do and nothing more.
set an explicit width for option,
and also overflow: hidden ; padding-right:20px
Did you test that before you posted it? It doesn't change the behavior.
But, if you want the Select to be a certain minimum width and then to
expand if need be but do not shrink below that width, then you pad one
of the Select Elements:

??? you could just use CSS to set the minimum width.....

That still is not an "IE Bug" but rather a "Firefox Bug".

it mak be able to fix the IE behavior using CSS
(possibly "option {overflow:visib le;})


Nope.
I can't be bothered to try.


Then why did you bother posting this nonsense in the first place? It
took me under 30 seconds to test your proposal and it didn't change IE's
behavior.
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Jan 14 '06 #6
["Followup-To:" header set to comp.lang.javas cript.]
On 2006-01-14, Randy Webb <Hi************ @aol.com> wrote:
Jasen Betts said the following on 1/14/2006 1:30 AM:

comp.infosystem s.www.authoring.stylesheets added to cross-post.
On 2006-01-13, Randy Webb <Hi************ @aol.com> wrote:
sean said the following on 1/13/2006 1:44 AM:

Please do not top-post in comp.lang.javas cript
Thanks for the info. But in FireFox the dropdown menu part will
automatical ly extend to fit the width of the long text without change the
width of the combobox part.

Then I would consider that a bug in FireFox's CSS Support if it is not
honoring your CSS Definition to set it at a particular width.

the dropdown is mmade of <options>


<sarcasm>Reall y? I didn't know that</sarcasm>
it may hase be that firefox just has a
different policy for the width of the options and how to handle overflow...


That may be and having a "different policy" doesn't make it a bug in IE
unless there is something in a specification somewhere that says it
should do something different.

And after re-reading the posts in this thread what I thought the OP was
referring to was not what I thought it was.

comp.infosystem s.www.authoring.stylesheets was added in the hopes
someone there can clarify which is right and which is wrong (if either
is wrong)

<select style="width:3e m">
<option>Opti on 1 with lots of content</option>
<option>Opti on 2 with lots of content</option>
<option>Opti on 3 with lots of content</option>
<option>Opti on 4 with lots of content</option>
<option>Opti on 5 with lots of content</option>
</select>

What the OP is referring to is that in IE all you will see is a list
that is 3em wide. Which is what I *explicitly* told it to do


no... you told it to make the <select> in the form 3em wide

If you asked for it to be 1em high should a dropdown 1em high
appear with a scroll-bar?

the options appear above the form (as can be seen by the way they cover
other items instead of forcing them out of the way)
. In Firefox
when you click the down arrow, you will see the entire text.

Adding a width style to the option does not change that behavior in IE.
IE's css support is rather rudimetary...
The OP is claiming that as a bug in IE when its not. IE is doing
*exactly* what you are telling it to do and nothing more.


not even that.
set an explicit width for option,
and also overflow: hidden ; padding-right:20px


Did you test that before you posted it? It doesn't change the behavior.


yes, I was talking about how to get mozilla to mimic my understanding of the
recieved description of IE's behavior.
But, if you want the Select to be a certain minimum width and then to
expand if need be but do not shrink below that width, then you pad one
of the Select Elements:

??? you could just use CSS to set the minimum width.....

That still is not an "IE Bug" but rather a "Firefox Bug".

it mak be able to fix the IE behavior using CSS
(possibly "option {overflow:visib le;})


Nope.
I can't be bothered to try.


Then why did you bother posting this nonsense in the first place? It
took me under 30 seconds to test your proposal and it didn't change IE's
behavior.


but you didn't have to install a computer to test it in IE.

Bye.
Jasen
Jan 15 '06 #7
Jasen Betts said the following on 1/15/2006 2:05 AM:
["Followup-To:" header set to comp.lang.javas cript.]
On 2006-01-14, Randy Webb <Hi************ @aol.com> wrote:
Jasen Betts said the following on 1/14/2006 1:30 AM:

comp.infosyst ems.www.authoring.stylesheets added to cross-post.

On 2006-01-13, Randy Webb <Hi************ @aol.com> wrote:
sean said the following on 1/13/2006 1:44 AM:

<snip>
Then I would consider that a bug in FireFox's CSS Support if it is not
honoring your CSS Definition to set it at a particular width.

<snip>
That may be and having a "different policy" doesn't make it a bug in IE
unless there is something in a specification somewhere that says it
should do something different.
Read the above. Carefully.
And after re-reading the posts in this thread what I thought the OP was
referring to was not what I thought it was.

comp.infosyst ems.www.authoring.stylesheets was added in the hopes
someone there can clarify which is right and which is wrong (if either
is wrong)

<select style="width:3e m">
<option>Optio n 1 with lots of content</option>
<option>Optio n 2 with lots of content</option>
<option>Optio n 3 with lots of content</option>
<option>Optio n 4 with lots of content</option>
<option>Optio n 5 with lots of content</option>
</select>

What the OP is referring to is that in IE all you will see is a list
that is 3em wide. Which is what I *explicitly* told it to do

no... you told it to make the <select> in the form 3em wide

If you asked for it to be 1em high should a dropdown 1em high
appear with a scroll-bar?
If thats what you code it to do, then yes.
the options appear above the form (as can be seen by the way they cover
other items instead of forcing them out of the way)
Yes as a Select, and its Options, are a windowed element in IE
In Firefox when you click the down arrow, you will see the entire text.

Adding a width style to the option does not change that behavior in IE.

IE's css support is rather rudimetary...
The OP is claiming that as a bug in IE when its not. IE is doing
*exactly* what you are telling it to do and nothing more.

not even that.


Yes it is. It is setting the Select to 3EM width. How is that not doing
what I told it to do and nothing more?
set an explicit width for option,
and also overflow: hidden ; padding-right:20px


Did you test that before you posted it? It doesn't change the behavior.

yes, I was talking about how to get mozilla to mimic my understanding of the
recieved description of IE's behavior.


Adding overfloe:hidden ; does not change Mozilla's behavior.
Must be a bug huh?
Adding padding-right:20px; also does not change Mozilla's behavior.
Must be another bug huh?

None of which changes the fact that what IE does with the code above is
not a bug unless something in the specificiations says it should.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Jan 16 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
11230
by: William C. White | last post by:
Does anyone know of a way to use PHP /w Authorize.net AIM without using cURL? Our website is hosted on a shared drive and the webhost company doesn't installed additional software (such as cURL) on the server because of that. Our site will have an SSL certificate next week, so I would like to use AIM instead of SIM, however, I don't know how to send data via POST over https and recieve data from the Authorize.net server over an https...
2
5824
by: Albert Ahtenberg | last post by:
Hello, I don't know if it is only me but I was sure that header("Location:url") redirects the browser instantly to URL, or at least stops the execution of the code. But appearantely it continues to execute the code until the browser send his reply to the header instruction. So an exit(); after each redirection won't hurt at all
3
23020
by: James | last post by:
Hi, I have a form with 2 fields. 'A' 'B' The user completes one of the fields and the form is submitted. On the results page I want to run a query, but this will change subject to which field is completed.
0
8480
by: Ollivier Robert | last post by:
Hello, I'm trying to link PHP with Oracle 9.2.0/OCI8 with gcc 3.2.3 on a Solaris9 system. The link succeeds but everytime I try to run php, I get a SEGV from inside the libcnltsh.so library. 354 roberto@ausone:Build/php-4.3.2> ldd /opt/php4/bin/php libsablot.so.0 => /usr/local/lib/libsablot.so.0 libstdc++.so.5 => /usr/local/lib/libstdc++.so.5 libm.so.1 => /usr/lib/libm.so.1
1
8592
by: Richard Galli | last post by:
I want viewers to compare state laws on a single subject. Imagine a three-column table with a drop-down box on the top. A viewer selects a state from the list, and that state's text fills the column below. The viewer can select states from the drop down lists above the other two columns as well. If the viewer selects only one, only one column fills. If the viewer selects two states, two columns fill. Etc. I could, if appropriate, have...
4
18286
by: Albert Ahtenberg | last post by:
Hello, I have two questions. 1. When the user presses the back button and returns to a form he filled the form is reseted. How do I leave there the values he inserted? 2. When the user comes back to a page where he had a submitted POST data the browser keeps telling that the data has expired and asks if repost. How to avoid that? I tried registering all POST and GET vars as SESSION vars but
1
6842
by: inderjit S Gabrie | last post by:
Hi all Here is the scenerio ...is it possibly to do this... i am getting valid course dates output on to a web which i have designed ....all is okay so far , look at the following web url http://www.mis.gla.ac.uk/biquery/training/ but each of the courses held have maximum of 8 people that could be
2
31428
by: Jack | last post by:
Hi All, What is the PHP equivilent of Oracle bind variables in a SQL statement, e.g. select x from y where z=:parameter Which in asp/jsp would be followed by some statements to bind a value to :parameter I dont like the idea of making the SQL statement on the fly without binding parameters as I dont want a highly polluted SQL cache.
3
23585
by: Sandwick | last post by:
I am trying to change the size of a drawing so they are all 3x3. the script below is what i was trying to use to cut it in half ... I get errors. I can display the normal picture but not the results of the picture half the size. The PHP I have installed support 1.62 or higher. And all I would like to do is take and image and make it fit a 3x3. Any suggestions to where I should read or look would be appreciated.
0
8974
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9500
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
9285
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8227
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6772
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6060
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4575
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
2
2765
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2199
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.