iFrame's creating a scrollbar

Completed

Comments

18 comments

  • Official comment
    Avatar
    Hannah McIntosh

    Hello all,

    Happy to let you know that we have released a fix for this issue. If you need further support, feel free to reach out to support@calendly.com.

    Thanks,

    Hannah at Calendly

    Comment actions Permalink
  • Avatar
    David Kedron

    Did you end up figuring a solution out for this?  I see it's still an issue 7 months later.  Not looking forward to manually hacking their internal CSS...

    5
    Comment actions Permalink
  • Avatar
    Allen Hancock

    agreed, and duplicated here (with a fix I think?)

    https://help.calendly.com/hc/en-us/community/posts/115004353373-Fix-for-broken-scroll-navigation-when-Calendly-external-css-is-added

    It'd be great to hear from Calendly support on this.

    2
    Comment actions Permalink
  • Avatar
    David Hunter

    Scroll problem here as well.

    While we can make it so that the iFrame doesn’t scroll, the problem is that in order to remove the scroll completely (using the scrolling attribute of an iFrame) it removes further functionality. In order to remove the scroll, you have to set the iFrame to never scroll, which makes you either have to have an incredibly long iFrame embed (which looks bad because of a ton of whitespace) to show all available dates on a day that has a lot of openings, or (if you don’t make the iFrame longer) the dates get cut off by the bottom of the iFrame.

    The main problem is the CSS that is used on the Calendly page.

    https://calendly.com/davidhuntererie

    Just going to it in a browser, no matter the window size, will always have a scroll.

    Even if going to the iFrame URL, you will see the scroll bar: 

    https://calendly.com/davidhuntererie?embed_domain=https%3A%2F%2Fwww.epicwebstudios.com&embed_type=Inline 

    The “header” class is incorrectly styled (relative to its parent elements). It has a margin set to “30px 20px” which is what causes a scroll no matter the size of the window. If .header was set to “margin: 0 20px 30px 20px;” and added “padding-top: 30px;” you get the exact same look without any scrolling unless the page needs it. This is where the issue lies.

    If Calendly fixed this, iFrames could be sized to present the initial view all in one area with no scroll, and if needed, the following views/steps could scroll if the content expands longer than the iFrame is defined height wise.

    Not a dealbreaker though, Calendly is still really sweet.

    3
    Comment actions Permalink
  • Avatar
    Meow Media

    can there be an option to have the scroll off if you are only booking for short periods of time? And you can go left to right anyway so for me is unneeded.

     

    3
    Comment actions Permalink
  • Avatar
    Ben Gill

    Did anyone fix this? I'm having the same issue.

    6
    Comment actions Permalink
  • Avatar
    Tr3dent Transformation Accelerator

    Same issue here

    4
    Comment actions Permalink
  • Avatar
    Chasechappell.com

    Are there still no solutions to this yet?...

     

    2
    Comment actions Permalink
  • Avatar
    A Grade Above College Planning

    Seriously, this is ridiculous. Multiple posts reporting this issue and Calendly "Support" (and I use that term loosely here) has still not answered after almost 3 years?!

    2
    Comment actions Permalink
  • Avatar
    Craig Heyworth | Yeti

    Following. Same problem here. 

     

    On mobile, my embedded calendly calendar is scrollable, causing a really difficult time for users to navigate past it. 

    1
    Comment actions Permalink
  • Avatar
    Dotbound

    Exactly, it's unacceptable. What is the point of support if they take years to still not fix a simple css/js issue? 

    2
    Comment actions Permalink
  • Avatar
    David Roundtree

    + 1
    It’s really annoying and could be so easily rectified as David Hunter has said. ^

    0
    Comment actions Permalink
  • Avatar
    Kaarel Reinvars

    +1 

    0
    Comment actions Permalink
  • Avatar
    Joshua Giuliani

    Also following this. Messaged support about this one earlier today and they said there’s no fix. It’s crazy that people have been asking about this for years and STILL no changes haha.

    0
    Comment actions Permalink
  • Avatar
    Joshua Giuliani

    I'm bugging support about this as we speak. Can everyone please add a ticket about this also? I'd really like for it to be fixed. Let's give them grief until it gets done!

    1
    Comment actions Permalink
  • Avatar
    Vasiliy Smetanin

    The same problem.
    On mobile, embedded calendly calendar is scrollable, causing problems for users to navigate.

    It looks like that Calendy Team is not interested in their own clients. We all know where this leads... But it's okay, we will find an alternative if we are so pushed towards it.

    0
    Comment actions Permalink
  • Avatar
    Joshua Giuliani

    Surely, if we harass the support team with new support tickets, they'll have to do something? I've been emailing them every single week to keep it top of mind. 

    If you're reading this, please do the same. I really want this fixed.

    0
    Comment actions Permalink
  • Avatar
    Qubole Solution Architects

    +1 need a solution for this, surely would require little dev time and would make a lot of users very happy.

    1
    Comment actions Permalink

Please sign in to leave a comment.