tracker issue : CF-3042194

select a category, or use search below
(searches all categories and all time range)

Bug 84237:(Watson Migration Closure)When using a multi-level CFMenu / CFMenuItem with images, the "child" div will show the parent div's image

| View in Tracker

Status/Resolution/Reason: Closed/Won't Fix/

Reporter/Name(from Bugbase): marc esher / marc esher (marcesher)

Created: 09/16/2010

Components: AJAX, UI Components

Versions: 9.0.1

Failure Type: Unspecified

Found In Build/Fixed In Build: 0000 /

Priority/Frequency: Normal / Unknown

Locale/System: English / Platforms All

Vote Count: 0


When using a multi-level CFMenu / CFMenuItem with images, the "child" div will show the parent div's image.You can work around this with CSS, but it seems like a bug to me

[vmannebo 11/25/2010] Adding repro case:
1) Run bug84237-menu.cfm
2) Expand menu item "Administer Survey Settings"
3) The menu icon appears  three times, once for parent menu item, once for the first child menu item (both as expected), and again, once, below the first menu item but not exactly for the second menu item.
4) Run bug84237-menu-fixed.html (html-version of cfm file but with following stripped from div element:
style="background-image:url(/bugs/84237/wrench-small.jpg); background-position:4px; background-repeat:no-repeat; ;"

Users comments follow:

Take this code:
<cfmenuitem display="Administer Survey Settings" image="#iconRoot#wrench.png"><cfmenuitem display="Edit Settings" href="?event=settings.edit" image="#iconRoot#wrench.png" />
<cfmenuitem display="Edit Definitions" href="?event=definitions.edit" />

Notice how the parent menuitem has the wrench.png as the image, and then the first child also has that image. What happens is that, as expected, the top-level menu has the wrench. However, when you open the menu, that wrench also appears in the middle of the drop-down menu.If you look at the generated code, you'll see that the div holding the drop-down menu has the parent's background image applied to it.I worked around this by adding this css into my app:div.yuimenu{background-image: none !important;}

----------------------------- Additional Watson Details -----------------------------

Watson Bug ID:	3042194

External Customer Info:
External Company:  
External Customer Name: marc esher
External Customer Email: 70390EBF47F01CAF992015B9
External Test Config: 09/16/2010