Long Quform embedded in Bootstrap 4 Modal on mobile device

Home Forums Quform WordPress Long Quform embedded in Bootstrap 4 Modal on mobile device

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Ally 1 month, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #29110

    Venom
    Participant

    Hi,

    I have a long Quform embedded inside a Modal of Bootstrap 4, the Quform works fine inside the Modal. However, when I drag down the form which starts on top the text input field, the input text field will trigger the hover effect and the form stop scrolling down. If I drag down the form on the blank space between input fields, it can scroll down correctly.

    I want to disable the hover effect when scrolling, do you have any suggestion?

    Regards,

    Venom

    #29124

    Venom
    Participant

    I fixed this issue by adding a new css style for the modal
    Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

    .modal{
    -webkit-overflow-scrolling: touch;
    }

    #29129

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Be inspired. © 2019 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy