Form Input Autofocus Scrolling Page

3 replies · opened Nov 5, 2020

RRonNov 5, 2020

Unsure if this is a bug with the theme, but hopefully you can help.

If you check this page on mobile:

http://justshare.ronkh.com/

You will see the auto-focus on the "first name" field is causing the page to scroll. I've attempted to use a combination of javascript, jquery, and HTML tabindex values to set the first element to be the logo, but none of these tricks seem to work. The page still auto focuses on the first input field in the form.

This isn't too noticable on desktop because the field is within the viewport. This is mostly noticable on mobile because the form focusing causes the page to scroll down.

This seems to affect both the home page and the contact page I made. However checking your example, the Contact page on your demo does not cause the page to scroll. The form is not auto focused.

Do you have an idea on why this may be happening? The bug is able to be checked on http://justshare.ronkh.com/ as well as http://justshare.ronkh.com/contact. The bug is not present on your demo at http://themes.semicolonweb.com/html/canvas/contact.html

Thank you for any assistance.

SSemicolon WebSTAFFNov 5, 2020

Hello,

The issue could be because you have the autofocus Attribute defined in the Inputs. Simply delete it and it should fix this.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RRonNov 6, 2020

I didn't even catch that :| -- thanks so much!

SSemicolon WebSTAFFNov 7, 2020

Hello,

Very Happy to Help!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard