When customizing theme (Additional CSS) causes pages to redirect.

[cesarbielich]

cesarbielich

April 7, 2022 at 9:46 am

I have been spending hours trying to figure out an issue and I am not sure if this is a WP issue or a Kadence issue so bear with me.

I have a SaaS App I am building for a client in the WP framework with the Kadence (Child) Theme. I am using shortcodes to write the code using jQuery/PHP.

In some parts of my Application I will code in links to different pages using window.location.href or window.location.replace. When I use the Application from the Customer Facing side the application works great with no issues. I can click those links and they do what they are supposed to do.

The problem

I have a front-end dev doing the CSS from the “Additional CSS” in “Customizing”. If you click on one of those links in the Application first that are coded in using href or replace as soon as you click in the box and you hit any key on the keyboard to edit the CSS it causes the App to go back 1 step in history…yeah I know, weird.

BUT… If I change those links to use an anchor tag instead <a> this behavior does not happen. The page does not redirect back in history as intended.

Any ideas?