question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Calendar Input not static to iframe

See original GitHub issue

Screenshots

Image of Yaktocat

Version

using this version - https://cdn.botframework.com/botframework-webchat/latest/webchat-es5.js

embedding into the website using iframe

<meta name="botframework-directlinespeech:version" content="4.10.1"> <meta name="botframework-webchat:bundle:variant" content="full-es5"> <meta name="botframework-webchat:bundle:version" content="4.10.1"> <meta name="botframework-webchat:core:version" content="4.10.1"> <meta name="botframework-webchat:ui:version" content="4.10.1">"

Describe the bug

In browser like Chrome/Edge the calender input and drop down is not static to iframe it changes its position when we scroll the main outer webpage please see the attached gif for better understanding. same goes with dropdown too.

Steps to reproduce

1.embed webchat into a page with scroll bar 2.click calender input adaptive card. 3.scroll the main website up/down 4.click the calender input the dropdown will be not where it was earlier.

Expected behavior

dropdown should be static to the iframe selection

Additional context

in firefox it works as expected

[Bug]

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
ninggaocommented, Sep 30, 2020

@compulim Did you get a chance to look at this?

0reactions
CezaryMarcjancommented, Nov 2, 2020

Closing due to no activity, please reactivate if follow up is needed.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap Datepicker appearing at incorrect location in a modal
I just ran into this same issue. I was able to solve it by adding a container attribute to the div. $('#myDatePicker').datepicker({ container:'#myModalId'...
Read more >
Add a Google calendar to your website
On the left side of the screen, click the name of the calendar you want to embed. In the "Integrate calendar" section, copy...
Read more >
HTML Service: Best Practices | Apps Script - Google Developers
HTML Service: Best Practices · Separate HTML, CSS, and JavaScript · Load data asynchronously, not in templates · Load resources using HTTPS ·...
Read more >
Iframe Page not found | Drupal.org
Hi. I have tried to put iframe into a page through Create Content but every time I try to save this, I get...
Read more >
reCaptacha in iFrame LWC Lightning Out - external website
I am trying to use reCapatcha in LWC using iframe, it works fine on the lightning record page, however the same component I...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found