ComboBox's dijitMenuItem node incorrectly reflects the body tag's text-align property

[ptwobrussell]

I just noticed that if the body tag has text-align:center set (a common thing you might do, for example, to get IE6 to horizontally center a div), items that appear in a ComboBox? widget contained in that page also center horizontally inside of the popup. (You can correct this and get them to align left again by simply providing a style block in your page that sets the .dijitMenuItem's text-align back to left.)

I bring this up, because it would seem to me that it would always be undesirable to have a dijitMenuItem center horizontally like that because it seems that the body tag's text-align style property should have no bearing on menu items. I don't know, though, if always having it align left is correct either since bidi support might require that it be right aligned for some locales. As such, not sure if the best place to fix this would be in the dijit.form._ComboBoxMenu template string or in the CSS depending on wherever else the dijitMenuItem class is used.

Basically, just logging the issue so some others can weigh in.

[bill]

Hmm, I'm not sure what to say about this ticket. This probably happens in a number of places like Dialog/TitlePane title bar etc.? And I'm not even sure what the "right" behavior is for the text inside a TitlePane.containerNode.

[haysmark]

Fixes #6962. Force menu to align to the right in RTL, or left otherwise.

[bill]

(In [14294]) Fixes #6962: ComboBox?'s dijitMenuItem node incorrectly reflects the body tag's text-align property. Patch from Mark Hays.