ltr and rtl dropdown issue

  • Resolved hl78

    (@hl78)


    4 years, 4 months ago

    greetings,
    I’m using polylang for a theme that supports rtl
    I have a form that has a select list, when the form is flipped to rtl the dropdown either shows out of position or doesn’t show at all

    is there a solution in the css for that?

    in addition, in both versions, the drop down list shows two arrows

    can that be fixed?
    thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    4 years, 4 months ago

    Hi @hl78

    Sorry to hear you are having this issue.

    Can you try this CSS on Forminator > Form > Appearance > Custom CSS?

    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--flat{
  float: left;
}

    https://monosnap.com/file/ohtCdsTNduwkERfEs6gbnzqShtb2g4

    Can you export your form and share using https://pastebin.com/ https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export and we can try to replicate on our end and fix it on the plugin if it is a bug?

    Best Regards
    Patrick Freitas

    Thread Starter hl78

    (@hl78)

    4 years, 4 months ago

    I tried this css and it didn’t work.
    note: this page is being flipped using the theme rtl direction

    I exported the form and pasted it here “https://pastebin.com/”
    https://pastebin.com/5tTCudvY

    Thread Starter hl78

    (@hl78)

    4 years, 4 months ago

    on the form preview it’s working as it should, but on the theme I’m using with multi-direction pages.. the ltr version of the form works fine, but the rtl version is completely missed up.

    as for the double arrow issue, I fixed it using customization and added custom css

    .select2-selection .select2-selection__arrow:before {
    content: '\e942';
    font-family: "fontello";
    visibility: hidden;
}
    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    4 years, 4 months ago

    Hi @hl78,

    I imported the form to a test website and tested using a default WordPress theme with the direction set to RTL but was unable to replicate the issue.

    Can you please confirm if you have tried clearing all the cache after adding the provided CSS?

    It looks like the CSS from the theme is conflicting and causing the issue, can you please check this with the theme support to see if they can provide any insights?

    Kind Regards,
    Nebu John

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    4 years, 4 months ago

    Hello @hl78 ,

    We haven’t heard from you for a while now, so it looks like you don’t have more questions for us.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

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

The topic ‘ltr and rtl dropdown issue’ is closed to new replies.