473,396 Members | 2,013 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Fix for IE select/option issue

Hi

Does any of you know how to fix issue with IE and fixed size select
which in result cuts content of all option values to the width of
select element?
Aug 4 '08 #1
11 1952
any1 anything?

Aug 6 '08 #2
On Aug 4, 5:47*am, code_berzerker <emen...@gmail.comwrote:
Hi

Does any of you know how to fix issue with IE and fixed size select
which in result cuts content of all option values to the width of
select element?
Try giving a detailed example and someone might be able to help you.
Aug 6 '08 #3
On Aug 6, 10:24*pm, "david.karr" <davidmichaelk...@gmail.comwrote:
On Aug 4, 5:47*am, code_berzerker <emen...@gmail.comwrote:
Hi
Does any of you know how to fix issue with IE and fixed size select
which in result cuts content of all option values to the width of
select element?

Try giving a detailed example and someone might be able to help you.
[...]
<select style="width: 50px;">
<option>Very very very very very very very very very very very very
very long text</option>
</select>
[...]

If you click on select to pick the option it will be truncated to
select size instead of having its own size. Try FF or Opera to see
what it should look like.
Aug 7 '08 #4
On Aug 7, 4:34*am, code_berzerker <emen...@gmail.comwrote:
On Aug 6, 10:24*pm, "david.karr" <davidmichaelk...@gmail.comwrote:
On Aug 4, 5:47*am, code_berzerker <emen...@gmail.comwrote:
Hi
Does any of you know how to fix issue with IE and fixed size select
which in result cuts content of all option values to the width of
select element?
Try giving a detailed example and someone might be able to help you.

[...]
<select style="width: 50px;">
<option>Very very very very very very very very very very very very
very long text</option>
</select>
[...]

If you click on select to pick the option it will be truncated to
select size instead of having its own size. Try FF or Opera to see
what it should look like.
Should according to whom?

Regardless, if you don't like the behavior in IE, feature test for it
and then adjust the width of the select in a click listener.
Aug 7 '08 #5
Regardless, if you don't like the behavior in IE, feature test for it
and then adjust the width of the select in a click listener.
Thought of doing that, but wouldnt that force-resize elements that
contain this select? This is the thing I wish to avoid most.
Aug 7 '08 #6
On Aug 7, 5:15*am, code_berzerker <emen...@gmail.comwrote:
Regardless, if you don't like the behavior in IE, feature test for it
and then adjust the width of the select in a click listener.

Thought of doing that, but wouldnt that force-resize elements that
contain this select? This is the thing I wish to avoid most.
That would depend very much on the style of those elements. What
happens in FF and Opera?
Aug 7 '08 #7
On Aug 7, 11:20*am, David Mark <dmark.cins...@gmail.comwrote:
On Aug 7, 5:15*am, code_berzerker <emen...@gmail.comwrote:
Regardless, if you don't like the behavior in IE, feature test for it
and then adjust the width of the select in a click listener.
Thought of doing that, but wouldnt that force-resize elements that
contain this select? This is the thing I wish to avoid most.

That would depend very much on the style of those elements. *What
happens in FF and Opera?
Default behaviour of FF and Opera in above example is that select has
correct width and options are of width of longest option element (all
text fits / is visible).
Aug 7 '08 #8
On 7 Aug., 10:34, code_berzerker <emen...@gmail.comwrote:
[...]
<select style="width: 50px;">
<option>Very very very very very very very very very very very very
very long text</option>
</select>
[...]

If you click on select to pick the option it will be truncated to
select size instead of having its own size. Try FF or Opera to see
what it should look like.
As David asked: "Should according to whom?"

The only solutions are either not to set a width, or not to use a
select element.

Robin
Aug 7 '08 #9
The only solutions are either not to set a width, or not to use a
select element.
How about onclick-placing new select postioned over the original,
being its copy and without size and after onchange set value to
original and remove floating select duplicate?
Aug 7 '08 #10
On 7 Aug., 13:47, code_berzerker <emen...@gmail.comwrote:
The only solutions are either not to set a width, or not to use a
select element.

How about onclick-placing new select postioned over the original,
being its copy and without size and after onchange set value to
original and remove floating select duplicate?
Unlikely.

a) IE is really bad in overlapping SELECT-Elements.
b) There is no reliable way to know when the select element has been
"opened".

Robin
Aug 7 '08 #11
Robin Rattay wrote:
On 7 Aug., 13:47, code_berzerker <emen...@gmail.comwrote:
>>The only solutions are either not to set a width, or not to use a
select element.
How about onclick-placing new select postioned over the original,
being its copy and without size and after onchange set value to
original and remove floating select duplicate?

Unlikely.

a) IE is really bad in overlapping SELECT-Elements.
For which the reason is that MSHTML uses a windowed control for `select'
elements:

<http://www.dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspxpp.
PointedEars
--
Anyone who slaps a 'this page is best viewed with Browser X' label on
a Web page appears to be yearning for the bad old days, before the Web,
when you had very little chance of reading a document written on another
computer, another word processor, or another network. -- Tim Berners-Lee
Aug 7 '08 #12

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

Similar topics

1
by: Michael Hoffmann | last post by:
Hello, As you might guess I am completely new to this language. Maybe I get some help here. I try to execute a user defined funciton from a select option in a document to read a file into an...
3
by: J. Muenchbourg | last post by:
I have an ASP admin script where I'm adding records, and I have a category that already has set name values hard-coded into a selct option pulldown, but if the user wants to create a new category...
4
by: Jeff Anderson | last post by:
Is there a style for a select option's "selected" color? For example: <HTML> <BODY> <FORM NAME="form1"> <SELECT NAME="mySelect" SIZE="7" style="background-color:red;"> <OPTION>Test 1...
4
by: Old Lady | last post by:
Hi, I need help! I have a SELECT/OPTION list. My goal is to have a TEXT input field in a form that is normally disabled, but it should become enabled when the user select one predefined OPTION....
2
by: shagy | last post by:
Hi, I'm having a problem with a <select><option> which has white space in values... When I post the data I only get the first word (up to the white space). "Testing white space" becomes...
1
by: kirke | last post by:
I want to load textarea's value in drop-down box. In first page, such form is existed. <form name="form1" method="post" action="next.php"> <textarea name="dayList" Id = "dayList" cols=20...
3
by: pravinnweb | last post by:
Hi i have select option in my page which works fine in firefox in which i mention specific width for select option when i clicked select list the option lengths are large the option area is expanded...
7
by: fsalvador | last post by:
Hi, I am trying to figure it out how to to hide in onmouseout the select options of a form. Below is the code I got so far. It isn't working. Please help. Thanks <!DOCTYPE HTML PUBLIC...
2
by: saurabh moses | last post by:
hi can anybody help me on <select> option in website I have multiple option bar with multiple choices i want when i select one choice in one bar it show only related choices on another option bar....
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
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...
0
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
0
BarryA
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...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
jinu1996
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...
0
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...
0
tracyyun
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...
0
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,...

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.