Card Form > dropdown: viewable width of of selected drop down value is cut-off

  • Profile Image
    DanBlum
    Asked on February 10, 2018 at 09:11 PM

    Can you help me with CSS to widen the width of my drop down's for my dropdown's for fields like "Week 1 June 18 - 22 - Member".

    When presented to the customer, the chosen entry is being lopped off. 

    I assume this setting was dropped from the properties for the CARDs format?  I used it in the standard single sheet format.


    https://form.jotform.com/80375976276976


    Dan Blum

  • Profile Image
    liyam
    Answered on February 11, 2018 at 04:14 AM

    Hello Dan,

    Is there a specific device that the dropdown is cut off? This is how it appears on my end:

    15183403962018-02-11_1712.png

    We look forward to your response.

    Thanks.


  • Profile Image
    DanBlum
    Answered on February 11, 2018 at 07:55 AM

    You  are displaying one of the drop downs with the  shortest set of values.  Instead, look at "Week 1: June 11 - 15 - Member".  I have the view set with the wide screen device.  See the attached snipit. The full selected dropdown text has been chopped off!   By the way did you do something special to get the cards to display overlapped as you showed in the image you sent?   Did that happen because you selected a specific device?  I've been doing my development and testing with the wide screen device selected.  Do you suggest that I test with each of the devices selected?

    Dan

    1518353316Capture for Jotform.JPG

  • Profile Image
    liyam
    Answered on February 11, 2018 at 10:17 AM

    Thank you for the details, Dan. And I apologize for not noticing the difference. I had difficulty finding out how to get to the specific dropdown field with the issue.

    15183617992018-02-11_2304.png

    In this regard, I escalated the issue to the development team. As soon as we receive an update, we'll let you know.



  • Profile Image
    DanBlum
    Answered on February 11, 2018 at 05:20 PM

    I just made a change in my form to turn on multi-selection for the all the  fields in question.  When I did this the problem doesn't occur....but I suspect the issue is still there.  However, by coincidence all of the fields that have the longer dropdown texts in my form also now  have multi-select on.  And, conversely all of the ones without multi select have shorter drop down texts.  In the snippet below, I have turned on mulit-select and it's working fine.   But I still think there is a lurking problem. 

    1518387607Capture for Jotform.JPG

     

  • Profile Image
    liyam
    Answered on February 11, 2018 at 09:49 PM

    Thank you for pointing out that this issue about the cut-off view on selected item is not happening on multi-selection dropdown setting. 

    With regard to all drop down fields having the same setting upon the change of one, I have tried different ways in order to replicate the issue, however, I was not able to. I suspect that it being a system glitch or a glitch on the browser load. In any case, feel free to let us know should this problem persist.

    Thanks.

  • Profile Image
    mgalkovsky
    Answered on February 12, 2018 at 05:26 PM

    @DanBlum, I had this issue as well, and it has been resolved yesterday. Check again.