Themeing a <div>: Tooltips not styled correctly

[thekryz]

This might concern other elements as well: I am applying my theme not in the BODY tag, but in a div for certain reasons (I have to put my part of the webapp into a template already doing some stuff in the body on its own). According to ​http://www.dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and-design/overriding-and-combining-themes it should work fine.

The problem is, that, if I enter a non-valid value into my FilteringSelect?, the Tooltip showing the invalid-message looks like crap (see first Screenshot). That is, because the tooltip element (as many other elements I guess) is automatically added to the BODY element - not the DIV I put the class="tundra" in - and so it comes along unstyled.

The same thing happens with the <option> elements inside my FilteringSelect? - they are selected white on black, as defined in dijit.css, because the theme is not applied (see second Screenshot).

This might actually be a bigger problem, since it could have effects on many elements and I only tested some Dijits here.

I will attach a minimal test file.

[thekryz]

minimal Test Case

[thekryz]

Shows badly styled tooltip dialog @ FilteringSelect?

[thekryz]

Shows badly styled options of FilteringSelect?

[thekryz]

Okay, just found out that this is probably a duplicate of ​http://trac.dojotoolkit.org/ticket/3300 . Sorry, hadn't seen this before.

[bill]

Right, it's a known issue but not easy to solve, and documented in that ticket. BTW when writing ticket numbers in bug reports you can just write #3300 (literally typing #3300) and it will auto-link.