Bug with Chrome browser in Checkout

Hi @lauramark,

Does this happen when using an incognito window in Chrome? I tried opening up the login form on the checkout page and it appears to open. Here’s a screenshot of what I’m seeing.

If it works in an incognito window, that could point to a conflict with a browser extension. That’s not very common but it does happen from time to time.

Let us know what you find out.

Cheers

But it′s a problem because my old register customers have problems in buy process

Last Friday wrote me 10 customers. The problem was that they don′t find login form. Click login button but nothing happen.

My answer… Yes, the form is up window, is hidden. But it′s a problem.

If possible if click login show right or show a popup? I need a solution or I Lost customers.

You could always force the login form to display instead of appearing when clicked. Here’s one way to do that.

• In your WordPress dashboard, go to Appearance and click on Customize.
• Look down for the Additional CSS section and click on it.?
• In the box there, paste this:

  
  form.woocommerce-form.woocommerce-form-login.login[style] {
      display: block !important;
  }
  

• Publish your changes.

I am trying your option, but now the new customer say me. I don′t have account… Now my answer is… down your mouse.

It′s for the moment is not solution. But it′s very strange because in Firefox, Edge… it works In Chrome no.

Hello,

any new about it?

Any solution?

• This reply was modified 4 years, 3 months ago by lauramark.

Hi @lauramark,

This does typically work in Chrome without issue If you want to investigate further, the way to do that is with a plugin/theme conflict test. This guide can show you how to do that.

https://docs.woocommerce.com/document/woocommerce-self-service-guide/#section-4

That will help you find out if this is caused by another plugin or the theme. Once you track down which one is causing the trouble, you’ll want to get in touch with the developer who made it for help.

Cheers

Hi @3sonsdevelopment

IN my first email I wrote “I have change my theme, desactive all plugins but the problem continue.” It is not problem about themes or plugins.

It′s a problem with Checkout behaviour. If this was a problem in other page not problem, but I am losing orders.

When click in login in, the customers don′t see the form login. They don′t buy it

Thank you

My apologies. I’m clearly not understanding the problem you’re running into. What I understood was visitors could not access the login form at checkout.

When I open up the link you provided in an incognito window or regular window in Chrome, the login form is there.

https://sergionogueron.com/finalizar-compra/?add-to-cart=11659

This is what I see.

Is this different from what you see? Does this also happen in an incognito window to you?

If so, please send a screenshot of what you see.

Cheers

No Problem! Look the video

https://www.loom.com/share/e1187e254daf420197c8554880dde7dc?focus_title=1&muted=1&from_recorder=1

If a register user wants to buy in my checkout, click in login in and the form is missing (hidden)

Thanks for sending over the video. After submitting the checkout form, the banner pops up asking the user to log into the account. When you click on the button, the form opens up above this banner. When you click on it, try scrolling up a bit and see if you can see the log in form.

One way you could change this would be to position the error banner at the top of the checkout form with some CSS.

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

Then when someone clicks the button, the form loads just below it.

Cheers

@3sonsdevelopment Thanks for your help, it′s very important for me because I am losing orders.

Your solution is wrong because now the message is missing. ??

https://www.loom.com/share/8929cb562b9a410b968b2a3742d6b3c0

Hello again,

When I add that snippet to your checkout page and try to make a purchase, this video shows what I’m seeing.

https://d.pr/v/IQuWIW

If you need something different, please hire a developer from Codeable to assist.

https://woocommerce.com/codeable/

Take care

By the way, I did open up an issue on GitHub about this.

https://github.com/woocommerce/woocommerce/issues/28350

I don’t know when/if this will be changed so that’s why I’m suggesting going with a developer to get this set up exactly the way you have in mind. Since this is affecting sales for you, that will help you get this fixed as soon as possible.

I don′t undestand this solution

@3sonsdevelopment Sorry for my reply.

Have you open this issue?
https://github.com/woocommerce/woocommerce/issues/28350

And a developer maybe can fix it in a new version?

I don′t know how work this reply. Sorry