Input field dropdown selector bug with RTL language (Hebrew)

  • Resolved yoktan

    (@yoktan)


    6 years, 6 months ago

    Hi,

    I’m using CF7 on a multilingual site with Hebrew (a right-to-left language) as one of the languages. The bug appears on input fields, more specifically: on a dropdown select list (for example: so the user can indicate which country they’re located in). The bug is thus:

    – The dropdown arrow icon (indicating to the user that the field is a dropdown list) is properly located on the right of the field.

    – HOWEVER, nothing happens if the user clicks on the arrow. After further investigation, it appears that the issue is that the field only triggers the list if the user clicks on the left hand side of the input field (the normal behavior of an LTR language).

    – There is an additional (less problematic bug) in that the default text in the input field is left-aligned as opposed to right-aligned. This is not a major issue, but ideally it would be right-aligned for a RTL language.

    Thanks for your help.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 6 months ago

    What other plugins and theme do you use on the site?

    jackbluehouse2019

    (@jackbluehouse2019)

    6 years, 6 months ago

    Hi Takayuki,
    I’m not the one who wrote this message about Hebrew but it’s good that I can wright to you because I’m trying to change the content of a field before submission. I’d like to remove some texte from what has been submitted before CF7 sends the E-mail.
    Thanks
    Jacques

    Thread Starter yoktan

    (@yoktan)

    6 years, 6 months ago

    Hi Takayuki,

    (Please ignore the previous by jackbluehouse2019 as it has nothing to do with my post!)

    WordPress 5.3 on PHP Version 5.6.40

    I’m using a significantly modified version of the Twenty Ten theme

    Contact Form 7 Version 5.1.5

    Column Shortcodes Version 1.0
    Fancy Gallery Version 2.1.1
    Flamingo Version 2.1
    LiteSpeed Cache Version 2.9.9.2
    VR jScrollPane Shortcode Version 1.0.1
    Wordfence Security Version 7.4.1
    WPML CMS Nav Version 1.2.7
    WPML Multilingual CMS Version 2.7.1
    WPML String Translation Version 1.6.1

    You can view the page in question here.

    Granted, the WPML plugin version are old, but when researching the issue on their forum, it didn’t look like that was the likely cause… Unfortunately, I can’t disable WPML Multilingual CMS to see if it’s interfering with CF7 because that’s the plugin generating my Hebrew page — so without it, I have no page.

    Thank you very much for your help!

    • This reply was modified 6 years, 6 months ago by yoktan.
    • This reply was modified 6 years, 6 months ago by yoktan.
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 6 months ago

    I found this in the footer area:

      <script type="586dfa74452daa92aeca7f62-text/javascript">
  jQuery(document).ready(function(){
      jQuery('.sl').customSelect();
  });

  </script>

    Is this embedded in the theme’s template file?

    Thread Starter yoktan

    (@yoktan)

    6 years, 6 months ago

    <edited>

    My initial response was written too quickly before I fully understood the situation. I need more time to dig into it. I’ll post back when I’m done.

    Thanks

    • This reply was modified 6 years, 6 months ago by yoktan.
    Thread Starter yoktan

    (@yoktan)

    6 years, 6 months ago

    OK, so it looks like the script is properly enqueued vs. embedded. Here’s the call from

    wp-content/themes/my_theme/functions.php

    function script_select()  
{  
    wp_register_script( 'select', get_template_directory_uri() . '/js/jquery.customSelect.js', array( 'jquery' ) );   
    wp_enqueue_script( 'select' );  
}  
add_action( 'wp_enqueue_scripts', 'script_select' );

    Thanks for the help!

    Cheers

    Thread Starter yoktan

    (@yoktan)

    6 years, 6 months ago

    To test whether the Custom Select script was the issue, I commented it out, and discovered that without it:

    – The pull down selector widget (triangle) does properly appear on the left
    – The text inside the select field is right-aligned

    So it looks like it’s not a bug in CF7 after all… I guess I just need to either add different CSS classes to deal with this and/or figure out why my the multilingual management plugin I’m using is failing here.

    Thanks

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 6 months ago

    Granted, the WPML plugin version are old, but when researching the issue on their forum, it didn’t look like that was the likely cause… Unfortunately, I can’t disable WPML Multilingual CMS to see if it’s interfering with CF7 because that’s the plugin generating my Hebrew page — so without it, I have no page.

    Using an outdated plugin (especially when it’s a commercial one) is inadvisable for any reason. You should be aware that you are exposing the site to severe security risk. There are many better alternatives you can get from ww.wp.xz.cn so I recommend you consider switching the plugin.

    Thread Starter yoktan

    (@yoktan)

    6 years, 6 months ago

    Thanks for the recommendation Takayuki. Noted: I am planning to update it ASAP.

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

The topic ‘Input field dropdown selector bug with RTL language (Hebrew)’ is closed to new replies.

Tags