Okay
  Public Ticket #142866
Search Box Text is Backwards
Closed

Comments

  • Adam started the conversation
    Whenever I try to enter text in the search box, it appears backwards. See attached screenshot where I tried to enter the word "welcome". At first I thought there was a float property in my CSS causes the problem but I removed the one instance I found and the problem still persisted.
  • Adam replied

    I also saw this related issue but I do not have the lightbox evolution plugin installed. There is only one plugin I installed recently and I disabled it but the problem persists. Could it be related to a recent update to Salient?

    http://themenectar.ticksy.com/ticket/123364

  •  1,075
    ThemeNectar replied

    Hey Adam,

    that's not a known issue with the latest Salient but if you can supply with a URL I would be glad to look for errors

    Cheers :)

  •   Adam replied privately
  •  1,075
    ThemeNectar replied

    Well I have no idea why your script is failing (no errors in the console) but if you open the init.js file in the js folder and delete this:

    $('#search input[type=text]').keyup(function(){
    	if($(this).attr('value') == ''){
    		$(this).attr('value', $placeholder);
    		$(this).setCursorPosition(0);
    	}
    });

    It should work :)

    Cheers

  • Adam replied

    That worked! Thank you!

  •  2
    Chris replied

    After updating to Version: 8.5.0 the snippet you're looking for is on line 8983

    $('body:not(.material)').on('keyup','#search input[type=text]',function(){
    if($(this).attr('value') == ''){
    $(this).attr('value', $placeholder);
    $(this).setCursorPosition(0);
    }
    });

    I've been using salient for a while, and this continues to be an issue when I update the parent theme.

    Is there a better solution we can use in the child theme to fix this so it doesn't break every time we update the theme? Some way to do this without changing the Salient core theme files??

  • Chris replied

    Snippet is now on line 10400 for v10.0.1

    Can this be fixed in a future update, or at least with an on/off option?

  •  8,848
    Tahir replied

    @Chris, This in most cases is caused by a Third Party Plugin script . 

    Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Best


    ThemeNectar Support Team 

  • Paul replied

    I have the same issue and it's 2020.

    Salient 12 - 

    Can you see if there is a solution for the backwards search.

    www.creeksidechurch.ca

  •  8,848
    Tahir replied

    @Paul,

    Did you try testing for a Plugin Conflict ?. I am seeing a number of Third Party Plugins which could be causing this: 

    7224115044.png

    Thanks


    ThemeNectar Support Team 

  • BlackballDesign replied

    Hello. My name is David Sharples. I've recently run into this issue with my client's website. Entering text into the search menu results in the text being entered right to left instead of left to right. I've attempted to use solutions provided here to remove code from the init.js file in the js folder but the problem persists. I've also tried deactivating plugins to see if it is a plugin conflict but even with no plugins active the problem is still occurring.

    They are using version 7.5.02 of Salient theme but are unable to update it because of customizations made by another developer that would get overwritten that they need kept. Please let me know if you can assist with this issue.

    I've attached a screenshot of what is occurring when I enter my own name. The website link is as follows: https://www.alliedhealthsupport.com/

  •  8,848
    Tahir replied

    @BlackBallDesign,

    This Issue is likely caused by Third Party Plugin Conflicts. Also be sure. to update the Salient Theme to the Latest Version.

    Please update to Salient Theme Version 12.1.1 and Salient WPBakery Page Builder 6.2 . 

    To get a list of Bug Fixes and new Feature addons in the Latest Theme update,  the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ and http://themenectar.com/docs/salient/updating-salient/

    Best.



    ThemeNectar Support Team 

  • BlackballDesign replied

    Thank you for your response, Tahir, but as I've said I've already tested for third party plugin conflicts. I've deactivated all plugins on the site and the problem persists. In addition, I mentioned that I cannot upgrade the Salient theme as the client has custom features done by another developer that won't transfer, would be erased in the update and it will result in the site breaking. We are also no longer using WPBakery for page construction as it no longer functions with the current version of the theme and have since replaced it with Elementor.

    If there was a fix to the search bar in the latest version to work with the latest version of Wordpress, can we integrate it into the older version of the theme or otherwise fix what is causing the issue in the version 7.5.02 of Salient? Please me know.

  •  8,848
    Tahir replied

    Hey Again,

    In most of the cases that were reported to us, the Backwards text issue was caused due to a Conflict with Third Party Code therefore a bug fix was never released.

    Thanks


    ThemeNectar Support Team 

  • BlackballDesign replied

    I've read over this page and from what I see there was a fix within the javascript code in the init.js file in the js folder. I've attempted this, but it was unsuccessful. I've also tried doing a conflict check and even with all plugins disabled the problem persists. As I cannot update the theme, I need professional help with people familiar with the theme's code in order to find and correct the problem. Can you do this or put me in touch with people who can help?

  •  8,848
    Tahir replied

    Escalating it to the Developer so he may add in a response.

    Thanks 


    ThemeNectar Support Team 

  • BlackballDesign replied

    Thank you very much. I'll talk with them to see if they can help.

  •  1
    bigredjelly replied

    I am also experiencing the same issue. Let me know if anybody finds a solution. I have already did a troubleshoot with all of the third party plugins. Could it be the new wordpress core?

  • Clag75 replied

    It has something to do with the latest WordPress core update and jQuery Migrate. I was able to fix once I installed and activated the "Enable jQuery Migrate Helper" plugin. It has helped fix some of my other sites that have experienced issues since the latest WP 5.5 update. Hope this helps.

  •  1,075
    ThemeNectar replied

    Hey Everyone,

    This issue will occur when using WordPress 5.5 combined with a version of Salient prior to 12.1.1 - We released a fix for this issue in that version: http://themenectar.com/changelogs/salient.html

    --------

    @BlackballDesign, If you can't update your version of Salient, you'll need to still download the new version and copy the newer "navigationSearchInit" function from salient/js/init.js to apply to your older version.

    Cheers

  • BlackballDesign replied

    I've installed a copy of the "Enable jQuery Migrate Helper" plugin and it appears to have worked. Thank you very much, Clag75.

    I've downloaded a copy of the latest Salient theme and compared the new init.js to the one in my client's theme, but it looks like there isn't a navigationSearchInit function to replace. It's possible that too was modified by a previous developer.

    If there is a private means to send a copy of the website's init.js file to the Developer to have a look at, would it be possible to check to see how we can fix the problem in it?

  •  1,075
    ThemeNectar replied

    Hey BlackballDesign,

    Salient has seen a large rewrite since v7 - in that version, there's no explicit function named "navigationSearchInit" in the init.js, but the relevant code is located around lines 7155:  https://pastebin.com/uaKjvpke

    Kindly open a separate ticket in regards if you need further assistance with this.

  • BlackballDesign replied

    Hello. I've found the code in the original init.js file that you provided via pastbin, but I'm not sure what to do with the navigationSearchInit code from the new copy. I cannot find the same code in the new version of the file, but like you said it was likely renamed and rewritten.

    I'll open a separate private ticket and send what I need help with there. Thank you for your help.

  • sarenajones replied

    This is BlackballDesign. I've logged onto my client's profile to send through a new private ticket regarding fixing the old init.js file with code from the new version. I've provided a link to it here. Please let me know if you can help me with this, thanks.

    Search Box Text is Backwards - Fixing Old init.js File With Code From The New Version: https://themenectar.ticksy.com/ticket/2509613

  • Cláudia replied

    I've deactivated all plugins but the issue remained at my site boscocarvalho.com.br
    After installing Enable jQuery Migrate Helper plugin, I've got the following warnings:

    jQuery Migrate Helper — Warnings encountered

    This page generated the following warnings:

    1. https://boscocarvalho.com.br/wp-admin/js/common.min.js: jQuery.fn.delegate() is deprecated
    2. https://boscocarvalho.com.br/wp-admin/js/iris.min.js: jQuery.isArray is deprecated; use Array.isArray
    3. https://boscocarvalho.com.br/wp-admin/js/iris.min.js: jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos
    4. https://boscocarvalho.com.br/wp-admin/js/iris.min.js: jQuery.isFunction() is deprecated
    5. https://boscocarvalho.com.br/wp-admin/js/color-picker.min.js: jQuery.isArray is deprecated; use Array.isArray
    6. https://boscocarvalho.com.br/wp-admin/js/color-picker.min.js: jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos
    7. https://boscocarvalho.com.br/wp-admin/js/color-picker.min.js: jQuery.isFunction() is deprecated
    8. https://boscocarvalho.com.br/wp-content/themes/salient/nectar/assets/js/nectar-meta.js: jQuery.fn.change() event shorthand is deprecated
    9. https://boscocarvalho.com.br/wp-content/themes/salient/nectar/assets/js/nectar-meta.js: jQuery.fn.click() event shorthand is deprecated
    10. https://boscocarvalho.com.br/wp-content/themes/salient/nectar/assets/js/nectar-meta.js: jQuery.fn.load() is deprecated
    11. https://boscocarvalho.com.br/wp-admin/js/common.min.js: jQuery.fn.click() event shorthand is deprecated
    12. https://boscocarvalho.com.br/wp-admin/js/common.min.js: jQuery.fn.bind() is deprecated
    13. https://boscocarvalho.com.br/wp-admin/js/common.min.js: jQuery.fn.mousedown() event shorthand is deprecated
    14. https://boscocarvalho.com.br/wp-admin/js/common.min.js: jQuery.fn.focus() event shorthand is deprecated
    15. https://boscocarvalho.com.br/wp-content/themes/salient/nectar/redux-framework/ReduxCore/inc/fields/upload/field_upload.js: jQuery.fn.click() event shorthand is deprecated

    Please make sure you are using the latest version of all of your plugins, and your theme. If that is the case, then you may want to ask the developers of the code mentioned in your warnings to update it.

    Logs

    The following are deprecations logged from the front-end of your site, or while live deprecation notices were disabled in the admin area.

    >td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td" class="redactor-linkify-object">https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td" class="redactor-linkify-object">https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td" class="redactor-linkify-object">https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td" class="redactor-linkify-object">https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td" class="redactor-linkify-object">https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td" class="redactor-linkify-object">https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js>td >https://boscocarvalho.com.br/wp-content/themes/salient/js/init.js

    TimeNoticePlugin or themeFile locationTriggered on page2021-01-25 08:39:54jQuery.isFunction() is deprecatedSalienthttps://boscocarvalho.com.br/2021-01-25 08:39:54jQuery.fn.click() event shorthand is deprecatedSalienthttps://boscocarvalho.com.br/2021-01-25 08:39:54jQuery.expr[\':\'] is deprecated; use jQuery.expr.pseudosSalienthttps://boscocarvalho.com.br/2021-01-25 08:39:54jQuery.fn.mousedown() event shorthand is deprecatedSalienthttps://boscocarvalho.com.br/2021-01-25 08:39:54jQuery.fn.resize() event shorthand is deprecatedSalienthttps://boscocarvalho.com.br/2021-01-25 08:39:54Number-typed values are deprecated for jQuery.fn.css( \"font-size\", value )Salienthttps://boscocarvalho.com.br/2021-01-25 08:39:54jQuery.fn.load() is deprecatedSalienthttps://boscocarvalho.com.br/

    Could you please help me on to resolve this issue?

    Best Regards,

    Bosco Carvalho

  •  8,848
    Tahir replied

    @Cláudia ,

    Please update to the Latest Salient Theme Version.

    The current version of the theme is 12.1.5 and the current version of the page builder is 6.4.2. Salient versions older than v11 won't be compatible with WordPress 5.5.

    Here's the documentation on the available methods for updating Salient: http://themenectar.com/docs/salient/updating-salient/#methods Once you've updated that, the update for the included page builder will become available. Note that "Visual Composer" also renamed their plugin on Envato to "WPbakery page builder" a couple of years back.

    Here's an update guide on what to expect when jumping many major releases at once: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ take a read through before the update, as many things have changed.

    To get a list of Bug Fixes and new Feature addons in the Latest Theme updates view change log here http://themenectar.com/changelogs/salient.html .

    Best.


    ThemeNectar Support Team 

  • Cláudia replied

    Great Tahir,

    That's resolved it!

    Best Regards!

  • Eric replied

    Tahir,

    I am having the same issue. This was resolved for several months by using Enable jQuery Migrate Helper but it is no longer working after updating wordpress. I have disabled all plugins and the issue is still occurring. Do you have any additional troubleshooting steps? Our site is on salient version 8.5.3 and wordpress 5.6.1

  •  8,848
    Tahir replied

    Please update to the Latest Salient Theme Version.

    The current version of the theme is 12.1.6 and the current version of the page builder is 6.4.2. Salient versions older than v11 won't be compatible with WordPress 5.5.

    Here's the documentation on the available methods for updating Salient: http://themenectar.com/docs/salient/updating-salient/#methods Once you've updated that, the update for the included page builder will become available. Note that "Visual Composer" also renamed their plugin on Envato to "WPbakery page builder" a couple of years back.

    Here's an update guide on what to expect when jumping many major releases at once: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ take a read through before the update, as many things have changed.

    To get a list of Bug Fixes and new Feature addons in the Latest Theme updates view change log here http://themenectar.com/changelogs/salient.html .

    Best.


    ThemeNectar Support Team