Magento – How to i scroll up error message after click on place order magento2

authorize.netcheckout-pageerrormagento2place-order

If a user is a small screen device, there are many situations where they will never see an error message.

I referred this link
Usability issues with error/notice/success messages. But do not get any answer

For example,

if they're on the "Shipping" step of the checkout process and an
error message is added, they may not see the error message get added
to the top of the page.
My suggestion would be to either smooth scroll the user up to the
error message, display the error message next to the button.

Best Answer

A possible quick solution could be using high-level programming languages like Javascript.

Just check if the error div has value in it using selector in jQuery/Javascript, and then add a jQuery script to scroll to top:

$(window).scrollTop(0);

You could also add smooth effect if you wish to.

Related Solutions

Magento 2 – Fix Maximum Call Stack Size Exceeded Error at Place-Order Button Click

This error usually happens due to infinite recursion:

Infinite recursion is a special case of an infinite loop that is caused by recursion.

This post describes what you should do in detail.

https://stackoverflow.com/questions/6095530/maximum-call-stack-size-exceeded-error

You should also look into this also from same post;

You can sometimes get this if you accidentally import/embed the same JS file twice, worth checking in your resources tab of the inspector :)

Magento2 Add to Cart – Scroll to Top After Adding Product to Cart

Try this code in your custom js

require(['jquery'],function($){
    $('[data-block="minicart"]').on('contentLoading', function (event) {    
        $('[data-block="minicart"]').on('contentUpdated', function ()  {
            $('html, body').animate({scrollTop:0}, 'slow');
        });
    });
});

Best Answer

Related Solutions

Magento 2 – Fix Maximum Call Stack Size Exceeded Error at Place-Order Button Click

Magento2 Add to Cart – Scroll to Top After Adding Product to Cart

Related Topic