Autofocus on Page embed code makes page jump

gerben · 2017-09-08 10:59:35

Hi,

I embedded the Page embed code on my page at the bottom.
The input field to enter your name has an autofocus property.
Firefox jumps to that part of the page which has an autofocus so the page automatically scrolls to the bottom of the page where the chat form is.
I want my visitors to read the first part of the page first.
Is it possible to disable the autofocus?

Kind regards,
Gerben Versluis

gerben · 2017-09-08 12:00:19

As a temporary dirty workaround I wrote this jQuery script which hides the container until the iframe is loaded so the autofocus is not processed by the browser:

[== JavaScript ==]

      // prevent autofocus
      $('#lhc_status_container_page').hide();
      var chatChecker = setInterval(function() {
        var iframe = $('#lhc_status_container_page').find('iframe');
        if (iframe.length) {
          clearInterval(chatChecker);
          $(iframe).on('load.chatter', function() {
            $('#lhc_status_container_page').show();
          });
        }
      }, 100);

PeopleInside · 2017-09-08 12:01:56

Hi gerben,
thank you for your request. Can you share the link where the issue is?

I do not know if what you are asking for is possibile,
let's see the page where the issue is.
I tried to request a private chat with you but maybe you are not connected to the forum, right now smile cool

PeopleInside · 2017-09-08 12:05:01

Maybe gerben you need try to ask your question on a GitHub topic,
follow the link in my signature, once created the topic will be useful if you can paste the link of the GitHub topic here.

Thank you!

gerben · 2017-09-08 12:30:47

I do not have my github account available here.

Steps to reproduce:
1. Login at https://demo.livehelperchat.com/site_admin/user/login
2. Goto Settings > Embed code > Page embed code
3. Copy the code from the textarea below "Copy the code from the text area to the page where you want your status to appear"
4. Paste the code at the bottom of a long HTML page
5. Open the page and it will automatically scroll down to focus on the Username input field

PeopleInside · 2017-09-08 12:36:56

Thank you,
I will update if I will receve update about this.

https://github.com/LiveHelperChat/liveh … ssues/1101

PeopleInside · 2017-09-21 13:16:53

Hi,
I AM happy to alert you that a FIX has been made.
Thanks for your report.

GitHub topic resolved:
https://github.com/LiveHelperChat/liveh … ssues/1101

Patch

gerben · 2017-09-22 08:29:30

Great. Thnx!

PeopleInside · 2017-09-22 08:42:22

You are welcome, thanks for the report!
lol

Announcement

#1 2017-09-08 10:59:35

Autofocus on Page embed code makes page jump

#2 2017-09-08 12:00:19

Re: Autofocus on Page embed code makes page jump

#3 2017-09-08 12:01:56

Re: Autofocus on Page embed code makes page jump

#4 2017-09-08 12:05:01

Re: Autofocus on Page embed code makes page jump

#5 2017-09-08 12:30:47

Re: Autofocus on Page embed code makes page jump

#6 2017-09-08 12:36:56

Re: Autofocus on Page embed code makes page jump

#7 2017-09-21 13:16:53

Re: Autofocus on Page embed code makes page jump

#8 2017-09-22 08:29:30

Re: Autofocus on Page embed code makes page jump

#9 2017-09-22 08:42:22

Re: Autofocus on Page embed code makes page jump

Board footer