the popup position is displayed incorrectly

nhn / tui.calendar

🍞📅A JavaScript calendar that has everything you need.

http://ui.toast.com/tui-calendar

MIT License

11.99k stars 1.29k forks source link

the popup position is displayed incorrectly #1260

Open georgianamatea opened 2 years ago

georgianamatea commented 2 years ago

Version

@toast-ui/react-calendar": "^2.1.3" test-react-calendar.zip

Test Environment

Google Chrome

Current Behavior

I built a react project using toast ui calendar and if my calendar is placed in a container with relative position the popup is displayed incorrectly. Also, if I add the relative position to the calendar container, it is again displayed incorrectly.

// Write example code

Expected Behavior

adhrinae commented 2 years ago

@georgianamatea

I'm going to investigate the issue later. I'm afraid that I can't guarantee the release date of the fix since the team is working on various projects.

btous commented 2 years ago

Hi,

I'm struggling with the same problem here. Do you have any plans to solve this issue in the next weeks?

Thanks!

Edit: I'm testing it on a Vanilla JS project with the version 2.1.3

adhrinae commented 2 years ago

I've checked out the sample code and the source code and found that it's a complicated problem.

The position of the popup is calculated by the viewport size, not the container.
The popup uses the absolute position, but there's no relative container above it.

As I mentioned earlier, We don't have a plan to fix this issue in the near future. The best thing you can do is to create(and calculate the position of) your own popup.