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.

Drag and Drop issue

See original GitHub issue

Describe the bug

Hi, I am having an issue in drag and drop in calendar, when I drag any event the mouse pointer and event are on different places. I’ve kept screen shot describing that.

I am using Nebular, An angular library and in this library when I use this calendar on NbFlipCard component, then I am facing this issue and if I use NbCard then it works fine. Below is the link regarding the Nebular Angular UI library https://akveo.github.io/nebular/docs/components/flip-card/overview#nbflipcardcomponent.

Edit: This is working fine in Day and Week pages, only in month it is not showing properly. Also tried using this calendar in ngx-flip (https://www.npmjs.com/package/ngx-flip), still this issue occurs

Any help on how to solve that issue? Thanks.

Screenshots 98210F4B-2FA5-4186-BA1B-383466CBF0A2

Versions

@angular/core: 9.1.0
angular-calendar: 0.28.16

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

shreyshahhcommented, Nov 11, 2020

Awesome, Thank You! it is working properly. 👍 😃

1reaction

mattlewis92commented, Nov 10, 2020

I haven’t tested it, but I think this will work:

<style>

  nb-flip-card.disable-flip, .disable-flip .front-container {
    perspective: none !important;
  }

  .disable-flip .flipcard-body {
    transform-style: flat !important;
  }
</style>

If it doesn’t work, all I did was go through each element with the chrome devtools and unchecked css properties until it started working: