CSS issue with widths and word-wrap
Browser versions tested against:
Safari OS X, IOS Emulator
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?