Ugly select lists in Safari 5.1 on Lion

Hello community!
Select lists (html SELECT tag) in Safari have suddenly (not quite sure if it is since Lion or since one of the recent updates, I've just had my new iMac with Lion for a few days) turned ugly, they are so thin they're ugly and difficult to hit with the mouse.
Example from this site:
Has anyone else seen this? I need to know what causes this and if it's a general bug in 10.7 or the most recent Safari, in order to possibly create workarounds on our website.

I think this must have been an intermittent font error - the error disappeared after a reboot.

Similar Messages

Multiple select list in Safari 8.1 is broken again

Multiple select list is broken again in iOS 8.0.* and 8.1 Safari.
Few temp solutions can be found here until apple fixes this issue again.
Multiple Select box does not retain selected choice
Multiple Select on Safari - iPhone iOS 7

Reinstalling OS X Without Erasing the Drive
Boot to the Recovery HD: Restart the computer and after the chime press and hold down the COMMAND and R keys until the menu screen appears. Alternatively, restart the computer and after the chime press and hold down the OPTION key until the boot manager screen appears. Select the Recovery HD and click on the downward pointing arrow button.
Repair the Hard Drive and Permissions: Upon startup select Disk Utility from the main menu. Repair the Hard Drive and Permissions as follows.
When the recovery menu appears select Disk Utility. After DU loads select your hard drive entry (mfgr.'s ID and drive size) from the the left side list. In the DU status area you will see an entry for the S.M.A.R.T. status of the hard drive. If it does not say "Verified" then the hard drive is failing or failed. (SMART status is not reported on external Firewire or USB drives.) If the drive is "Verified" then select your OS X volume from the list on the left (sub-entry below the drive entry,) click on the First Aid tab, then click on the Repair Disk button. If DU reports any errors that have been fixed, then re-run Repair Disk until no errors are reported. If no errors are reported click on the Repair Permissions button. Wait until the operation completes, then quit DU and return to the main menu.
Reinstall OS X: Select Reinstall OS X and click on the Continue button.
Note: You will need an active Internet connection. I suggest using Ethernet if possible because it is three times faster than wireless.
Also see:
Reinstall OS X Without Erasing the Drive
OS X Yosemite- Reinstall OS X
OS X Mavericks- Reinstall OS X
OS X Mountain Lion- Reinstall OS X
OS X Lion- Reinstall Mac OS X
Note: You will need an active Internet connection. I suggest using Ethernet
if possible because it is three times faster than wireless.

Drop down menus on iPad, the first selection in the drop down will not load as a selection when using safari, what can I do?

Drop down menus on iPad, the first selection in the drop down will not load as a selection when using safari, what can I do? I use this for my mobile, on-site auto repair business and not being able to call up repair and diagnostic info and reference for some cars is troublesome for sure. It works fine on the computer and I have installed a remote desktop app as a workaround but it is unreliable because the desktop is not business dedicated and may be off or in use at the time. So is there a known fix for this?
Let me paint a more descriptive picture, visualize 4 drop down selection menus, first one is for year, next one is for make, 3rd one is model and the last one is for engine size/type. If I wanted to choose a 2012 vehicle it wont work because it is the top selection on the list. This can be forced by selecting any other year and then coming back to 2012. Ok fine, but then let's say I wanted to choose Acura as the make, well it won't take it because again it's the top selection. Again you work around it be selecting any other make and coming back to Acura. Ok now select the model, same trend follows. But now since most Acura vehicles come with dedicated engines and no optional engines I have only 1 selection in that final drop down menu and it will not take my selection and therefore never let me proceed to the info I need.
This is also true when ordering parts from my wholesaler's website, they use drop downs and I can only get to that last drop down and then I'm stuck. This is blindingly frustrating, what options do I have. I'm not opposed to any avenue at this point.

Did you ever figure this out? I bought my iPad last week to use in my business as well. I assume you are trying to use alldata? That is where I noticed this same issue. I had problems with identifix working with safari but downloaded a different browser and that works fine. Alldata does not work with either browser. The main difference is that on identifix if there is only one engine selection, it automatically selects the only option and continues to the home page. With alldata you have to make the selection manually even if there is only one option. Honestly if I can't get this to work I am going to return the iPad as it looses a significant amount of usefulness to men

Spry select list code to wire it to html data table SET column?

I am making a page based on Figure 15-14, Pg 878, in David Power's book, "Dw CS4 with CSS, Ajax and PHP. I have two separate html data tables hidden in the page, one for the specialties drop down select list and the other for the teachers master/detail regions. These are populated with php and working well. The spry select list and master/detail regions are working great except for one issue. The column in my html data table that is being filtered ("Specialty" in my code = 'Category' in the book's example code) is a SET column (with possible value of 1, 2, 3, 4, and/or 5). Clicking on the drop down menu brings up the records with a single value beautifully. The result for records with multiple values is a spry error "Invalid row number: 0". After four different versionings and methods of messing with this, I still haven't a clue. Please help me with how to rewire the Spry select list code so that it will read the records that have multiple items in that column. I have included the code below.
var data_set_teachers = new Spry.Data.HTMLDataSet(null, "teacher_data");
data_set_teachers.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row["Specialty"] == data_set_teachers.gallery) {
   return row;
return null;
data_set_teachers.filter(chooseSet);
function changeSet(set)
data_set_teachers.gallery = set;
data_set_teachers.filter(chooseSet);
data_set_teachers.setCurrentRowNumber(0);
var rows = data_set_teachers.getData();
for (var i = 0; i < rows.length; i++) {
   if (rows[i]["Specialty"] == set) {
     data_set_teachers.setCurrentRowNumber(i);
     break;
var data_set_specialties = new Spry.Data.HTMLDataSet(null, "specialty_data");

Well I'll be damned!
What's done in the sample app is, of course, the intuitively obvious choice and is exactly what I started out trying to do the first time round.
But as I mentioned before, when I first tried it (yes: I'm pretty sure I set the "for" attribute on the inlineMessage components), I got the non-unique component id exception for the inlineMessage component(s) after adding the second (but not the first) row to the page.
Anyway, after dragging my inlineMessages to the exact same position as those in the AppModel example, now things work fine (except I think I'd like a line break before the message and to change the row/column styles so the values and messages line up properly...the look is rather ugly in the AppModel example when there are validation messages displayed).
Not sure, but I'm thinking maybe there was an issue with where the inline message markup was placed, my first time through, relative to the data table value bound component and the column header facet?
I was using the application view drag 'n drop feature the first time round and dragged the inlineMessage component to the spot just below the data table value bound component and hence just above the column header facet. In the AppModel example, OTOH, the inline messages are placed just after the column header facet.
Of course, I will now try to duplicate the original exception.
If I can (and it is an issue with placement), I will post back some sort of bug report or RFE. Otherwise, I'll post back declaring what a bone head I've been...;-)
Anyway, thanks for the quick response, v.
Campbell

Select lists - remember values after submit not working in IE7

I have two dynamic select lists that are populated using .csv
files.
On submit, a set of results is returned based on the two
options that were chosen.
In IE7 when the results are returned the select lists default
back to the last option in the select list. I would like it to
default to what ever option was just chosen.
I'm using the code below and it works as I would like it to
in both Firefox and Safari, but just defaults to the last option in
the list for IE7.
The variable "actualLitType" is pulled from the URL and
should be part of the id of the selected option.
Any ideas why it doesn't work like I would like it to in IE7?
Thanks in advance,
Jesse

I posted this in another forum and received an answer that
fixed the issue. See the link below for more information:
http://www.dynamicdrive.com/forums/showthread.php?t=35473

Error Rendering SELECT Element in Safari Under iOS (iPhone & iPad)

Hello,
Our website contains three SELECT elements that are not rendering properly under Safari, iOS 4.2 on both an iPhone and iPad.
If you load http://demo.campusguides.com in a normal browser (Chrome, FF, non-mobile Safari) you will see that the three "Browse By" boxes at the top of the page each contain text that you can select using your mouse. Each of those boxes is actually a SELECT element and each piece of text is an OPTION within that SELECT box. We have set a SIZE property on the SELECT element that allows the user to see more than one OPTION value at a time. Here is the W3C page that mentions the SIZE option for SELECT boxes - http://www.w3.org/TR/html401/interact/forms.html#adef-size-SELECT.
On all the browsers I have tested the list displays properly, meaning that you can see multiple OPTION values at once as well as a scroll bar (when needed) that allows you to scroll up and down the list. On iOS Safari however the list is displayed as an empty box with no OPTION values visible to the user. If the iOS user clicks the SELECT element they are taken to the normal SELECT interface for Safari which does work fine, but without any content displaying in the box to begin with, I don't think many users would know they can / should click that element.
So basically I think this is a bug, and that iOS Safari should either render that SELECT element with the OPTIONS visible to the user, or it should ignore the SIZE property and render that element like a "normal" SELECT menu where only one option is visible at a time.
Thank you!

Check here for Safari HTML guidelines: Safari HTML Reference
If you regard the seen behavior as a bug then report it to Apple at: Bug Report Form
Note: This is a user-to-user forum. You might get better response in the developers forums.

Select list display value in javascript function

Hi All,
I have a select list in a tabular form having a display value & return value.
I am using $x(var_name).value or $v(var_name) for retreving return value of the select list in a javascript function.
Can anyone let me know how can I get the display value of the select list in a javascript function? Im using Apex 3.2
Thanks & Regards,
Sandeep

What if the select list is not an item. Select list I am talking about is in a tabular form.Regardless of how they're generated in APEX, in JavaScript they're all DOM nodes. There are many ways of accessing the node of the required element. Consider the Items for Order... tabular form on page 29 of the Sample Application:
var productNameLOV = document.wwv_flow.f04[0] // select list containing name of product on first order line
var productNameLOV = $x("f04_0001") // another way of accessing the same node, using the ID attribute generated by apex_itemWe can see this using the Safari console:
=> productNameLOV = document.wwv_flow.f04[0]
    <select name="f04" id="f04_0001" autocomplete="off">…</select>
=> productNameLOV = $x("f04_0001")
    <select name="f04" id="f04_0001" autocomplete="off">…</select>Once you've got the node—however you get it—you then use the methods shown above:
=> i = productNameLOV.selectedIndex
    3
=> productNameLOV.options.text
"Business Shirt [$50]"
So it appears you would use:var item = document.wwv_flow.f01[i];
var selected = item.selectedIndex;
var selectedOption = item.options[selected].text;
This is meaningless:...
var my_var = document.wwv_flow.f01[i].id; // f01 is tabular column of select list
if ($x(my_var) == 'display_value') //$x(my_var) is having return value, but i need display_value there
<tt>$x(my_var)</tt> returns a DOM node object, whilst <tt>'display_value'</tt> is a string: they are not comparable.

Select list in JSP (Options from database)

I am developing a web application on struts.
I am having problem with my JSP.
I have a form from where users input the keywords for search
and when they click on a database query is performed and
result is shown on the screen.
Where i am stuck is that in the display screen, i wanna have one
set of result in the drop down list (same as select in html).
If the result from the database search is 1 i want the first option of
select to be Yes and if its 0 then i want the first option of select to be
No.
what i have in JSP is following
<select name="attt" size="2"><option value="<bean:write name="sList" property="att"/>">Yes
<option value="<bean:write name="sList" property="att"/>">No
Where I am stuck is that I dont know where to perform whether the
result from database is 1 or not. Can someboday help me on how
to solve this or get this done? Am i right so far?
thanx in advance

The best I could come up with was to use the second layout I mention and then add some Javascript on the page to do something like
<style type="text/css">
label.l {position:absolute;top:100px;left:210px;}
input.i {position:absolute;top:100px;left:200px;}
</style>
<script type="text/javascript">
var f=$x('P1_RADIO');
var l=f.getElementsByTagName('label')[1];
var i=f.getElementsByTagName('input')[1];
l.className += "l";
i.className += "i";
</script>Basically, it takes that "Radiogroup Option 2" and the form input field and uses absolute CSS positioning to place it to the right of the Select list.
Works great in FF (as usual), but the usual IE inconsistencies with CSS box model rear their ugly head. Looks terrible in IE, totally mis-aligned.
Any other ideas?
Thanks

Select list padding

See https://apex.oracle.com/pls/apex/f?p=57688:16 using Theme 24
The reason X3 is a few pixels below X1 and X2 is the following snippet (specifically margin-top ) in themes/theme_24/css/4_1.css
table.formlayout td select.selectlist {
    margin-bottom: 7px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 6px;
}What's the point of adding the margin-top/bottom to select lists which causes them to be mis-aligned with the rest of the page items on the row when Labels are set to show Above the item?
Thanks

VANJ wrote:
See https://apex.oracle.com/pls/apex/f?p=57688:16 using Theme 24
The reason X3 is a few pixels below X1 and X2 is the following snippet (specifically margin-top ) in themes/theme_24/css/4_1.css
table.formlayout td select.selectlist {
margin-bottom: 7px;
margin-left: 0;
margin-right: 0;
margin-top: 6px;
}What's the point of adding the margin-top/bottom to select lists which causes them to be mis-aligned with the rest of the page items on the row when Labels are set to show Above the item?Looks OK in:
<li>OS X Mountain Lion: Safari 6, Chrome 25
Looks rubbish in:
<li>OS X Mountain Lion: Firefox 18
<li>Oracle Linux: Firefox 3 (umm, maybe I should update that...)
<li>Windows XP: IE8
<li>Windows 7: IE 9/10; Firefox 18; Opera 12
<li>iPad iOS 5: Safari

Certificate selection problem in Safari

Hi ,
I have certifcates A,B,C,D for the same site , whenever i use the Mozilla it is asking which one to select , but somehow i dont know why Safari is asking the same option.
It is forcing me to accept Certifcate A to that paricular site. How to solve this problem in safari.
Regards
Vikranth

Hello. I feel your pain and frustration with the print selection problem in safari, especially in Snow Leopard. I have spent hours trawling help pages and forums etc. BUT YEE HAA (sorry got a bit excited, but it really was hours) I found the answer. So here goes.
Click on Safari
Scroll down to services then slide to right
Scroll down to services preferences and click
Scroll down to the Text section
If you Tick the Text box it will choose all options for you. Or if you don't want all options in the Text list, then untick Text box and tick options you do want.
BUT for your print selection problem make sure you tick NEW TEXT EDIT WINDOW CONTAINING SELECTION.
Then when you want to select something in a web page you want to print (including pictures etc) then highlight it, then Right click. And low and behold, in the list is NEW TEXT EDIT WINDOW CONTAINING SELECTION. Click that, Then press cmd+p and your printing.
I really hope that helps with your problem
I can now go to sleep.

Select list in radiogroup options

Is there any way to achieve the following layout
o Radiogroup Option 1 [Select List] o Radiogroup Option 2Yes, I can easily do
o Radiogroup Option 1 [Select List]
o Radiogroup Option 2which is close enough, but just wondering if the other one was possible.
Thanks

The best I could come up with was to use the second layout I mention and then add some Javascript on the page to do something like
<style type="text/css">
label.l {position:absolute;top:100px;left:210px;}
input.i {position:absolute;top:100px;left:200px;}
</style>
<script type="text/javascript">
var f=$x('P1_RADIO');
var l=f.getElementsByTagName('label')[1];
var i=f.getElementsByTagName('input')[1];
l.className += "l";
i.className += "i";
</script>Basically, it takes that "Radiogroup Option 2" and the form input field and uses absolute CSS positioning to place it to the right of the Select list.
Works great in FF (as usual), but the usual IE inconsistencies with CSS box model rear their ugly head. Looks terrible in IE, totally mis-aligned.
Any other ideas?
Thanks

Condition that checks the value of an Item derived from a select list

I want to conditionally display and hide items in a region based on a select list item.
Some items will display when the select list is at the default (%null%) and others will be displayed when the select list user selects from the select list.
The display is then updated when the "SAVE" button is pressed and the page processed.
How do I test the select list item to be null. The condition looks like this;
Type: PL/SQL Expression
:P1_SELECT is null
I also tried, :P1_SELECT is not null and :P1_SELECT = '%nul%'.
The latter changed the condition to :P1_SELECT = ''
How can I test the valu in P1_SELECT?
tia,
Sam
Message was edited by:
After a long day I saw that I did not write the condition correctly. Mea culpa.
slavanaway

I had the problem wrong.
The issue was a second field that could have a Y or N or null. When I checked it in PL/SQL expression as
:P_YN != 'Y' and :P_SELECT is null
assuming the null condition would resolve as != 'Y' I had to do an explicit check as
(:P_YN != 'Y' or :P_YN is null) and :P_SELECT is null
That fixed it.... I like null and I hate null
Thanks for the reply

Set Default Value of Multi-select list item

I have a multi-select list item I want to default the value of to '%' (which is really '%null%') and have it selected. I tried setting default value of item, but it doesn't take '%null%'. I also tried a computation with a static of
:P507_ITEM := '%null%'; How do you get the default value set and selected?

Hi
Shijesh is right, you need to change your null return value and use that return value as your default. Try and use something of the same datatype as your real return values if you plan to use '%' to display all as it will make your queries simpler. eg.
Company A returns 1
Company B return 2
% returns 0
Then your query would be...
SELECT ...
FROM ...
WHERE company_id = DECODE(:P_COMPANY,1,1,2,2,0,company_id)
Hope this makes sense.
Cheers
Ben

Display all records from 4 select list

Hi,
trying to associate 4 select list where i could display all records from a list linked to an other list.
1./ Created an item for each select list
P1_employee_name
P1_departments
P1_employee_type
P1_locations
2./Set both null and default values to '-1' for each item
3./Associated these items to source columns in the Region:
where employee_name=:P1_employee_name
or :P1_employee_name ='-1'
and departments=:P1_departments
or :P1_departments ='-1'
and ......
When running the report, couldn't display all records from a given list associated to an other list.
e.g: Display all emp and type of emp for sales dept in Paris.
Thks for your help

I believe the issue is that you need to group your predicates such as:
where (employee_name=:P1_employee_name
or :P1_employee_name ='-1')
and
(departments=:P1_departments
or :P1_departments ='-1')
Also, if you are not already using the "select list with submit" type items, these work great for this case as the page will be submitted when the user changes the value of employeenam and the report will then reflect this change.

Select List problem

I have 3 select lists: the first two are with submit and the last one is just select list. Each list depends on the previous one.
I have set null and default values for each list. The problem occurs when I first start the application, but after selecting an option in the first list all is fine and when I reset the fields everything works as it should.
So the problem only occurs when the application is first launched....
This is the error message:
Error: ORA-01858: a non-numeric character was found where a numeric was expected performing List of Values query: "SELECT TESTTIME d, TESTTIME r FROM TESTSETUP WHERE TESTDATE = :P3_TESTDATE and TERM = :P3_TERM ".
How can this be corrected?
Any help would be greatly appreciated.
Thank - Greg

I have set null and default values for each list
These values are not available in committed session state for the subsequent select lists to use.
Solution: Create a OnLoad Before Header computation (conditional upon the value of the select list being null) to set it to whatever null/default value you want. This will "initialize" the value so that your dependent select lists can work properly.

Ugly select lists in Safari 5.1 on Lion

Similar Messages

Maybe you are looking for