The text inside the ddSlick Dropdown Widget is not wrapping when viewed from mobile

  • Profile Image
    mbewley
    Asked on January 07, 2019 at 12:47 PM

    This is weird...

    Now the text is NOT wrapping. I tried it on my phone too (see screenshot)

    Your assistance is greatly appreciated!!!???

  • Profile Image
    Jim_R
    Answered on January 07, 2019 at 12:50 PM

    Although I only used an emulator, I failed to reproduce what you had in your screenshot. You can see that the texts wrap as intended in the image below.

    Can you tell us the make and model of the iOS device you're using, along with the iOS version? The only way we can properly debug this is if we can reproduce it. If possible, try opening your form in Chrome for iOS for comparison's sake.

  • Profile Image
    Michael Bewley 
    Answered on January 07, 2019 at 01:36 PM

    Thank you for checking. I'm using iPhone X and iOS version 12.1.2 (16C101).

    Furthermore, it's not wrapping on my tablet either. It's an iPad Air 2, WiFi, Oct 14 (A1566).


    1546886138IMG_0349.PNG

  • Profile Image
    Jim_R
    Answered on January 07, 2019 at 03:10 PM

    Okay, I managed to reproduce it with an iPhone X. Gave it a run with a cloned copy of your form and here are the codes that I used to fix it:

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

        .dd-selected-description-truncated {

            white-space: normal !important;

        }

    }

    Please append these to the last codes I provided on the other thread.

    Result:

  • Profile Image
    Michael Bewley 
    Answered on January 07, 2019 at 04:29 PM

    Thank you! It seems to be working flawlessly now!!!