search

primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
9.7k stars 1.16k forks source link

Calendar: calendar closes on scroll when calendar is in Sidebar component #2874

Open tjackson-vert opened 2 years ago

tjackson-vert commented 2 years ago

Describe the bug

We have calendar on the Sidebar and it closes automatically when we scroll.

<Calendar :showButtonBar="true" dateFormat="mm/dd/yy" :manualInput="false" appendTo="self" />

Reproducer

No response

PrimeVue version

v3.16.1

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

1) Add Calendar on Sidebar component 2) Click side bar 3) Click Calendar textbox 4) Scroll and you see calendar disappears 5) Calendar won't open again when you click the same textbox immediately after scroll

Expected behavior

Keep the calendar open when we scroll, same behavior like when we have calendar not in sidebar or popup.

bahadirsofuoglu commented 2 years ago

Hi, Best practice is use 'append=body' (default props). But if you want to use it like this I think increasing sidebar-content(.p-sidebar-content) box width and height should work.