• Resolved trummpler

    (@trummpler)


    Hello everybody,
    since the last update I noticed the following error with searchable select fields, these now have a width of 100px directly as elementstyle and are therefore no longer 100% in width. The following code shows the problem:

    <span class="select2 select2-container select2-container--default select2-container--below select2-container--focus"
        dir="ltr" style="width: 100px;"<span class="selection"><span class="select2-selection select2-selection--single"
                role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0"
                aria-labelledby="select2-select-7-field-container"><span class="select2-selection__rendered"
                    id="select2-select-7-field-container" title="Testing1234">Testing1234</span><span
                    class="select2-selection__arrow" role="presentation"><b
                        role="presentation"></b></span></span></span><span class="dropdown-wrapper"
            aria-hidden="true"></span></span>

    A similar case was discussed here: https://wordpress.org/support/topic/search-box-width-set-to-100px-instead-of-100/

    It renders it on load and ruins my style. Is there some way to fix this? It can’t be a custom style as it is directly on the span.
    Thank you!

    • This topic was modified 6 years, 5 months ago by trummpler.
    • This topic was modified 6 years, 5 months ago by trummpler.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Laura – WPMU DEV Support

    (@wpmudev-support8)

    Hi @trummpler

    I hope you’re well today!

    I just tested it with the recent plugin release but can’t replicate. I used all default settings for the form with only Twenty Nineteen theme and it set the width dynamically to “full width” of available space – without the fixed 100px limitation.

    I’m thinking, though, that I might need to test with a different theme and/or use some specific settings, probably for the “Appearance”. Could you tell me please what are the current settings of your form in “Appearance” tab?

    I’m mostly asking about the “Design style” selected, “Form container” settings and if there’s any custom CSS added.

    Could you also share a link to the page on your site where I could see that issue live?, please?

    Best regards,
    Adam

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @trummpler,

    I hope you’re doing well!

    We’ve not heard from you in a while. I’ve marked this ticket as resolved for now, but if you need anything else at all, we’re here for you, please just reopen the ticket or create a new one.

    Have a good day!

    Cheers,
    Nastia

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Select2 Bug with width 100%’ is closed to new replies.