holoviz / panel

Panel: The powerful data exploration & web app framework for Python
https://panel.holoviz.org
BSD 3-Clause "New" or "Revised" License
4.64k stars 504 forks source link

Date Picker not overflowing the sidebar #7254

Open totla-deshaw opened 6 days ago

totla-deshaw commented 6 days ago

ALL software version info

(this library, plus any other relevant software, e.g. bokeh, python, notebook, OS, browser, etc should be added within the dropdown below.)

Software Version Info ```plaintext Panel 1.4.5 ```

Description of expected behavior and the observed behavior

Hi team,

The datepicker does not seem to overflow the sidebar like the other widgets. Feels like a bug but is there any quick CSS fix for this?

image

Complete, minimal, self-contained example code that reproduces the issue

import panel as pn
from deshaw.djs.panel import DJSTemplate
from datetime import datetime

app = pn.template.FastListTemplate()

datewidget1 = pn.widgets.DatePicker(
    name='Datetime Picker', value=datetime(2021, 3, 2), width=200
)
datewidget2 = pn.widgets.DatePicker(
    name='Datetime Picker', value=datetime(2021, 3, 2), width=200
)

selectwidget = select = pn.widgets.Select(name='Select', options=['Biology', 'Chemistry', 'Physics'], width=600)

app.sidebar.append(pn.Row(datewidget1, datewidget2))
app.sidebar.append(selectwidget)
app.main.append("# asasd")

app.servable()

Stack traceback and/or browser JavaScript console output

No errors

Screenshots or screencasts of the bug in action

ahuang11 commented 6 days ago

Potentially modifying the stylesheet of the DatePicker calendar's zIndex, similar to https://github.com/holoviz/holoviews/pull/6297

image image