• Priority: High
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 28.07.20, 19:01
  • Opened by: Raffaele Fiorentino

Ticket #18720 - Problem with the box to access and register

good evening
in practice when I go to click on login or register, when I click on the field, the box disappears and does not allow me to proceed. Same problem with both desktop and mobile.

Url: www.anyanyluxury.it

Thank you

Comments

Raffaele Fiorentino 28 Jul 2020, 19:04

in fact I add that the problem arises more than anything else when I try to use the completion, I explain better if I click on mail, the browser shows me the emails used, when I choose the box disappears.

Fred 29 Jul 2020, 10:54

Hi, Raffaele.
Yes, I see the issue. It looks like more "browser's" problem than website. I have also tested it out in Safari browser on Mac and there is no such problem. We will try to find a solution for the issue

Raffaele Fiorentino 29 Jul 2020, 16:55

I can't understand if it is a problem with css or js, I have an urgency
thank you

Fred 29 Jul 2020, 17:01

We will try to find a solution as soon as possible. As I wrote you about that is a "wrong" behaviour of browser. There is no such problem in Safari, for example

Raffaele Fiorentino 29 Jul 2020, 17:19

I thought if I used the autocomplete = "off" on the fields, how can I modify the field code which file should I modify, then can I load it into the child theme?

Thank you

Raffaele Fiorentino 29 Jul 2020, 18:48

I managed to do it for the signin but not for the register, could you tell me if the file is the same?

Thank you

Fred 29 Jul 2020, 19:37

Yes, that is the same file /themes/alysum/dependencies/modules/pkheaderitems/views/templates/front/headeritems.tpl

Raffaele Fiorentino 30 Jul 2020, 10:31

<form class="customer-form" method="post" data-pktabcontent="register" action="{$urls.pages.register}?back=identity" autocomplete="off">

      <input type="hidden" value="1" name="submitCreate" autocomplete="off">
      <input type="hidden" value="0" name="newsletter" autocomplete="off">
      <input type="hidden" value="0" name="optin" autocomplete="off">
      <input type="hidden" value=""  name="id_customer" autocomplete="off">
      <input type="hidden" value="1" name="id_gender" autocomplete="off">
      {printformitem itemdata=['name' => 'email', 'type' => 'email', 'icon' => 'email', 'ph' => "{l s='Email' d='Modules.Pkheaderitems.Shop'}"]}
      {printformitem itemdata=['name' => 'firstname', 'type' => 'text', 'icon' => 'account', 'ph' => "{l s='First Name' d='Modules.Pkheaderitems.Shop'}"]}
      {printformitem itemdata=['name' => 'lastname', 'type' => 'text', 'icon' => 'account', 'ph' => "{l s='Last Name' d='Modules.Pkheaderitems.Shop'}"]}
      {printformitem itemdata=['name' => 'password', 'type' => 'password', 'icon' => 'password', 'ph' => "{l s='Password' d='Shop.Forms.Labels'}"]}
      {if isset($pkgdpr)}
      <div class="relative pkgdpr">
          <span class="custom-checkbox">
              <input name="psgdpr" type="checkbox" value="1" required="">
              <span><svg class="svgic svgic-done"><use xlink:href="#si-done"></use></svg></span>
              <label for="psgdpr">{l s='I agree to the terms and conditions and the privacy policy' d='Modules.Pkheaderitems.Shop'}</label>
          </span>
      </div>
      {/if}
      <button class="btn btn-primary form-control-submit register-button" type="submit" data-back="{$urls.pages.identity}">{l s='Register' d='Shop.Theme.Actions'}</button>
  </form>

I did this in the code, but it doesn't work, if I do an inspect in the code it turns out to be autocomplete off, but if I go to do a test it doesn't work. The path I have is /themes/alysumchild/dependencies/modules/pkheaderitems/views/templates/front/headeritems.tpl

Am I wrong?

Fred 30 Jul 2020, 11:19

Please try now, the issue seems fixed

Raffaele Fiorentino 30 Jul 2020, 11:22

try again how? what should i do download the theme and reload it?

Fred 30 Jul 2020, 11:28

check out the issue, it's fixed now

Raffaele Fiorentino 30 Jul 2020, 11:33

sorry I understood that it has been resolved, but I have not understood what I have to do, on the site I always encounter the same problem.

Fred 30 Jul 2020, 11:37

Yes, I see.
Strange issue. The browser doesn't respect it's over events. It ignores "hover" state of element. There is no such issue in Safari, for example

Raffaele Fiorentino 30 Jul 2020, 11:40

yes I saw the problem, the fact is that it only does it with the mouse, so as I asked you before I would like to try to block autocomplete, only even if I modify the file as I have shown you, in the code I find the modification, but I cannot block autocpmplete, is the code correct? can I do otherwise?
thank you

Fred 30 Jul 2020, 11:55

I just added autocomplete="off" for both forms https://take.ms/FwchZ but Chrome ignores one, it's seems some strange "feature" or a bug of Chrome

Raffaele Fiorentino 30 Jul 2020, 11:58

so I wonder instead of using the hover why not use clicks, that is, make everything appear with the click of the mouse.

Fred 31 Jul 2020, 21:20

Please try now, I just make it work by click.

Raffaele Fiorentino 03 Aug 2020, 15:54

How can I try?

Raffaele Fiorentino 03 Aug 2020, 15:55

now on the site even if I click nothing comes out

Fred 03 Aug 2020, 17:33

it works fine for me https://take.ms/LIhb2

Raffaele Fiorentino 03 Aug 2020, 17:37

I see it but the problem on the various fields of the form persists

Fred 04 Aug 2020, 12:38

try now

Raffaele Fiorentino 04 Aug 2020, 13:09

ok it works can i know how did you do it? thank you

Fred 04 Aug 2020, 13:10

I make a custom script special for you in the file /themes/alysum/assets/js/alysum.js