Title:
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 TrackerStatus/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
Problem:
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
Method:
------------------------------------------------------------------------------------
[vmannebo 11/25/2010] Adding repro case:
------------------------------------------------------------------------------------
\\blrfs04.macromedia.com\builds\coldfusion\bugs\84237
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" />
</cfmenuitem>
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;}
Result:
----------------------------- 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/2010Attachments:
Comments: