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