Disable wheel scroll in dropdowns on checkout

Forum Forums Tutorials Disable wheel scroll in dropdowns on checkout

This topic contains 0 replies, has 1 voice, and was last updated by  Anonymous 7 years, 1 month ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #48875

    Anonymous
    Participant

    In Internet Explorer, dropdown boxes on the Checkout page (such as the credit card expiration date dropdowns) remain active after making a selection, and when selected, the values may change when you scroll with your mouse wheel. This can result in a customer inadvertently selecting an invalid expiration date if they try to scroll on the page while the dropdown is still active.

    The following script can be used on your Checkout page to force the dropdown boxes on the page to be deselected after a selection is made:

    <script type="text/javascript">
    ss_jQuery("select").change(function(e){
    e.target.blur()
    })
    </script>
    

    You can add the script before the closing tag in the [-- DEFINE Shipping --] section of your Shopping Cart template, or you could add it in Commerce Setup -> Order System -> Checkout Screen – Text at the bottom
    of the Checkout screen, if your template supports it.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.