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! 7 1891
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.infosystems. www.authoring.html
comp.infosystems. www.authoring.stylesheets
Might be better groups to ask in.
--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
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********************@comcast.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.infosystems.www.authoring.html comp.infosystems.www.authoring.stylesheets
Might be better groups to ask in.
-- Randy comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
sean said the following on 1/13/2006 1:44 AM:
Please do not top-post in comp.lang.javascript 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">Option Text </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.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
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.javascript
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:visible;})
I can't be bothered to try.
Bye.
Jasen
Jasen Betts said the following on 1/14/2006 1:30 AM:
comp.infosystems. 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.javascript
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>
<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.infosystems.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:3em">
<option>Option 1 with lots of content</option>
<option>Option 2 with lots of content</option>
<option>Option 3 with lots of content</option>
<option>Option 4 with lots of content</option>
<option>Option 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:visible;})
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.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
["Followup-To:" header set to comp.lang.javascript.]
On 2006-01-14, Randy Webb <Hi************@aol.com> wrote: Jasen Betts said the following on 1/14/2006 1:30 AM:
comp.infosystems.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.javascript
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>
<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.infosystems.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:3em"> <option>Option 1 with lots of content</option> <option>Option 2 with lots of content</option> <option>Option 3 with lots of content</option> <option>Option 4 with lots of content</option> <option>Option 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:visible;})
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
Jasen Betts said the following on 1/15/2006 2:05 AM: ["Followup-To:" header set to comp.lang.javascript.] On 2006-01-14, Randy Webb <Hi************@aol.com> wrote:
Jasen Betts said the following on 1/14/2006 1:30 AM:
comp.infosystems.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.infosystems.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:3em"> <option>Option 1 with lots of content</option> <option>Option 2 with lots of content</option> <option>Option 3 with lots of content</option> <option>Option 4 with lots of content</option> <option>Option 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.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
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)...
|
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...
|
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...
|
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.
...
|
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...
|
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...
|
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
...
|
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...
|
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...
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
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,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
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...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
| |