2 Nov 2011 2:11 PM #1
CSS issue with widths and word-wrap
- 2 pr1
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?
17 Nov 2011 9:42 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Can I get a test case to look at?Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
17 Nov 2011 6:35 PM #3
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.