Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Mobile Form Problems

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #34914
    Brightonmike
    Member

    I’m adapting a website to work for mobile.

    Mostly everything is fine, but there is a bug with the form (when used on a mobile) whereby when you go to type into a field, the page jumps to the top.

    This happens on normal non-enhanced fields as well as those that are jQuery UI enhanced. Whilst I know jQuery UI is not really meant for mobiles, being a responsive layout and wanting this to work as lightweight as possible I’m happy to stick with it. Plus, it does actually work fine.

    So, what’s causing this jump to the top, and any ideas on how to stop it?

    Ditching UI here is not an option for the reasons above and as this happens on normal fields anyway I suspect it’s not the problem.

    Cheers.

    Link: http://jetbookingdir…equest-a-quote/

    This is a responsive design, so please either resize your browser or view on a mobile. Please do not submit an actual quote request – unless you can afford it!

    #89672
    Brightonmike
    Member

    Ah, sorry, I think you’re being redirected to a web app.

    Is there orangey bits? If so then you are.

    My mistake!

    #89673
    Brightonmike
    Member

    Have turned off the web app.

    #89740
    Brightonmike
    Member

    Any ideas? :(

    #89741
    Brightonmike
    Member

    EDIT

    FIXED!

    The CSS property “overflow:hidden” causes this issue.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.