search

nhn / tui.calendar

🍞📅A JavaScript calendar that has everything you need.
http://ui.toast.com/tui-calendar
MIT License
11.69k stars 1.26k forks source link

Issue with pop up placement #1451

Open rp-omar opened 3 months ago

rp-omar commented 3 months ago

Version

@toast-ui/react-calendar@2.1.3

Test Environment

Chrome Version 123, MacOs Sonoma 14

Current Behavior

The eventDetailPopup is not positioned correctly when the Calendar component is in a parent that has a width/height different than 100%, here is a reproduction https://codesandbox.io/p/sandbox/toast-ui-react-calendar-bug-report-f4522l

Expected Behavior

The eventDetailPopup is positioned correctly. V1 is working fine.

jithutj commented 3 months ago

I am also facing the same issue when I put the height: 500px to fix "month" view overlap.. But now the event popup is misplaced. image

below is the css i added to fix the month view:-

.toastui-calendar-layout.toastui-calendar-month {
                height: 500px !important;
                min-height: 500px;
                max-height: 600px;
            }
hongrunhui commented 2 months ago

I am also happend, the card will render in error position

hongrunhui commented 2 months ago
image