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) .

CommentFileSizeAuthor
BugSand_CSS.gif17.99 KBjptavan

Comments

Samat Jain’s picture

Samat Jain commented

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.

jptavan’s picture

jptavan commented

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.

Samat Jain’s picture

Samat Jain commented

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.

Samat Jain’s picture

Samat Jain commented
Status: Active » Closed (fixed)

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.

FatPitchFinancials’s picture

FatPitchFinancials commented
Status: Closed (fixed) » Active

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?