SOLVED: WooCommerce, clicking add more button causes button text and subtotal to be highlighted

Bugs
1

Browser: Chrome
OS: Windows 10/11
URL: NA
Video: Recording #40

See video above. ^^^

I made a simple WooCommerce single product template. When I click the + or - quantity buttons, it causes the “Add to cart” text on the button to highlight blue as if it was highlighted with the mouse. When viewing the cart, clicknig the + or - buttons causes the Subtotal to highlight.

If I click slow, it doesn’t happen. The faster I click, the more it happens.

This happens in several Chromium based browsers, but does not happen in FireFox. I tried on 3 different PCs and in Incognito and it still happens.

2

Hi,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue. A live link would be very helpful to see if the problem is on your side or if it is occurring on my side as well. Have you tried it in an incognito window (without browser extensions)?

Best regards,
timmse

3

Yeah, I tried in on incognito and 3 PCs.

I don’t expect to be changing anything on this soon, so it is good to see.

lol at the preview.

4

The name of the site, “Breaks” is serious, no pun intended. lol :joy:

5

Ok, now I see the problem. You can work around it temporarily by adding the following CSS to Bricks » Settings:

form.cart .button,
.woocommerce-cart-form tbody td
 {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
1 Like
6

It tries to highlight the stock number below it on the single product page. But changing first line to

form.cart .quantity span,

fixes it.

Also the second line can be

.woocommerce-cart-form .quantity span

Thank you!

7

Hi Mark,
We’ve fixed this issue in Bricks 1.9.2, now available as a one-click update in your WordPress Dashboard.

Changelog: Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like