nhn / toast-ui.vue-calendar

Toast UI Calendar for Vue
MIT License
195 stars 54 forks source link

The Default Popup is broken in chrome browser. #46

Open Chocobe opened 4 years ago

Chocobe commented 4 years ago

Version

"@toast-ui/vue-calendar": "^1.1.1" "vue": "^2.6.11"

Test Environment

Browser: Chrome OS: Window 10 Home

Current Behavior

When I click calendar to create new schedule, default Popup is shown. The default Popup was borken, at Chrome Browser, even though I imported css style. If I use FireFox Browser, Calendar's defauls Popup is displayed good condition without be broken.



In chrome browser

toastCalendar 이슈 - chrome


In firefox browser

toastCalendar 이슈 - firefox



below code is my test code

<template>
  <div id="calendar">
    <Calendar  view="month" :useCreationPopup="true" :useDetailPopup="true"></Calendar>
  </div>
</template>

<script>
import { Calendar } from "@toast-ui/vue-calendar";

import "tui-calendar/dist/tui-calendar.css";
import 'tui-date-picker/dist/tui-date-picker.css';
import 'tui-time-picker/dist/tui-time-picker.css';

export default {
  components: {
    Calendar,
  }
}
</script>

<style scoped >
#calendar {
  width: 500px;
}
</style>

Thank you. Have a nice day : )

jungeun-cho commented 4 years ago

Do you see this still reproduce? https://codesandbox.io/s/vue-calendar-issue-46-pks78