[Support request] [BUG REPORT] Quantity buttons CSS issue in FireFox

[Fredrik]

I couldn’t find a ticket system. So I guess it’s the forum we use for this?

There seems to be a miss/issue with the CSS causign -moz- (firefox) to show the up/down arrows inside the new flexbox quantity buttons.

This is how the CSS looks in FireFox. Seems like -webkit-appearance overwrites the -moz-appearance.
Removing the webkit in FF will make it look correct.

-moz-appearance: textfield;
-webkit-appearance: none;

[David]

Hi there,

thanks for letting us know. We picked up this bug a couple of days ago and a fix will be pushed out in the next update.

[Fredrik]

Great to know David!

I also found the quantity buttons to be stacked on checkout on both Chrome and FireFox. Is it something on my end or is it confirmed?

[David]

Saw a similar issue where other woo plugins being used overwrite the flex box on those elements. Are you using any other woo plugins?

[Fredrik]

You’re right. I’m using Klarna checkout payment integration. Didn’t know it messed with the actuall checkout page. Totally new with WooCommerce.

https://woocommerce.com/products/klarna-checkout/

I’m not well versed with Flexbox yet. How would I go about fixing the issue?
https://dev.syttpanytt.se/aterbruksbutiken/

[moderndev]

Any update on this issue? I am experiencing the same.

[Leo]

Oops not sure how we missed this.

Can you link me to the page in question so I can see the issue?

Thanks 🙂

[moderndev]

Hey Leo,

I actually opted for the Payments over the Checkout option for Klarna in the end.

However, both seem to have issues.

If you install Klarna Checkout and take a look at the Generatepress Woocommerce Checkout you will see that the quantity toggle is not quite right.

https://woocommerce.com/products/klarna-checkout/#

On the Klarna payments plugin, which I am using the iframe style setting in the backend have no effect on the actual style of the checkout page.

https://woocommerce.com/products/klarna-payments/

I hope that this is helpful, sorry that I cant help you further.

[Tom]

Hi there,

I just installed the plugin, but I’m not seeing the issue using the latest version of GPP. Do I have to configure something?

If not, any chance you can link me to your site so I can see the issue?

Let me know 🙂

[moderndev]

Hey Tom,

The issue I am having is with the Payments plugin and so I would have to give you a login to fully see what I am talking about there.

Is there a way to share that privately?

I removed the checkout plugin, but I believe you would need a Klarna account to see the issue. Once you have the account fully setup in the back end of woocommerce it looks like the img posted above from Frederik.

Best,

Peter

[Tom]

You can send a private link through our contact form, just be sure to mention this topic: https://generatepress.com/contact

I’m not able to see the issue by simply adding something to my cart?

[Mårten]

Hello,

I have the same problem with the quantity buttons. We also use Klarna checkout. Is there any solution to that?

[David]

Hi there,

can you raise a new topic where you can use the Site URL field to share a link to your site and we can take a look

[Mårten]

Yes.

New topic is created!

[Author]

Posts