Results 1 to 3 of 3

Thread: CSS issue with widths and word-wrap

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    118
    Vote Rating
    5
      0  

    Default CSS issue with widths and word-wrap

    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

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    Can I get a test case to look at?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Posts
    118
    Vote Rating
    5
      0  

    Default

    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •