CSS issue with widths and word-wrap

[subimage]

REQUIRED INFORMATION
Sencha V:

• 2 pr1

Browser versions tested against:
Safari OS X, IOS Emulator

Description:
I've got a fieldset that I'm dynamically updating instructions on based upon input. Sometimes the text becomes too long.

I've set the css word-wrap property on x-form-fieldset to 'break-word', which should fix this - but it doesn't with the default CSS. The only way this property works is if I apply a static width to the fieldset.

Unfortunately, this isn't very flexible, and would look weird on iPhone vs Android vs iPad, etc. I believe this could be a bug, but I'm not sure.

I've attached two screenshots. The first has no static width applied, and the words do not wrap. The second is where I've applied a static width to get words to wrap.

Is this a bug? Any idea on how to fix this? Is this something Sencha should be taking care of for me?

wrapping-fail.png
wrapping.png

[mitchellsimoens]

Can I get a test case to look at?

[subimage]

I'll send over a test case maybe when PR3 comes out. I've given up on Sencha for the time being. Just too many bugs with v2 for me to go ahead with this project.