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 has 2 replies, 2 voices, and was last updated 5 years ago by Ally.
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. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy