sands_CSS break ajax autocomplete drop-down list
jptavan - May 26, 2006 - 14:49
| Project: | Sands_CSS |
| Version: | 4.7.x-1.x-dev |
| Component: | Rendering issues |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
With "sands_CSS" theme and taxonomy free tagging actived, the drop-down list of matching options (ajax autocomplete field) is not show.
When i switch to another theme ("bluemarine" or "sands") the drop-down list is ok.
Tested with Firefox and IE.
I suppose some CSS part of "sands_CSS" break the CSS positionning of the drop-down list ?
File attachment : node/add/page free tagging field, with "sands" (pop-up is ok) and with "sands_CSS" (pop-up don't appear) .
| Attachment | Size |
|---|---|
| BugSand_CSS.gif | 17.99 KB |
#1
Confirming.
I've no idea what causes this, so a fix will take a while...
I'm going to take a guess it had to do with the 3-column CSS layout, as with the normal Sands theme (which uses tables) the free-tagging drop-down works fine.
#2
In "columns.css", replace :
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap{
overflow: visible; /* fix for IE italics bug */
position: relative; /* fix some rendering issues */
}
with
#leftColumn, #rightColumn{
overflow: visible; /* fix for IE italics bug */
position: relative; /* fix some rendering issues */
}
#middleColumn, * html #SOWrap
{
overflow: visible;
position: static; /* if position: relative, drop-down ajax autocomplete don't appear */
}
This make the drop-down menu reappear in Firefox and IE.
#3
jptavan: Thanks for finding a fix!
I am going to verify that this has no ill effects on my Drupal installation for a few days. Once I've verified it works I will commit to both the 4.7 and CVS version of Sands_CSS, and close this bug.
#4
I've noticed no ill effects with a day of use. I've applied this fix to both Sands_CSS 4.7 and HEAD. Wait a day or so and new tarballs will be available from Drupal.org.
#5
The fix for the free tagging drop down causes the left column to move into the middle column when the browser window is resized in IE6. I believe "position: relative" prevents this kind of shifting when IE 6 browser windows are resized. Reloading the page will correct the problem, but it still looks bad for end users.
I am trying to figure out a solution that will prevent the shifting columns and will also allow the free tagging Ajax autocomplete drop-down to work. Does anyone have any ideas of how to solve this problem?