Skip to content

DateRangePickerOverlay being hidden, if parent has strict size #515

@hhzktoeto

Description

@hhzktoeto

Checklist

  • I am able to reproduce the bug with the latest version
  • I made sure that there are no existing issues - open or closed - which I could contribute my information to.
  • I have taken the time to fill in all the required details. I understand that the bug report will be dismissed otherwise.
  • This issue contains only one bug.

Affected version

4.2.3

Description of the problem

The overlay of component can be hidden in some cases. For example:

I use this component inside of Vaadin's Dialog. This dialog has strict height and can not be resized in any ways. DateRangePicker is located near the bottom of Dialog, and overlay is being hidden on opening, so i need to scroll down to make any changes to date range.

If you check Vaadin's overlay (ex. on ComboBox opening), it opens above any elements and not being hidden by any. I think, this component's overlay should inherit the same behaviour.

Image

when overlay is opened

Image

so scroll is needed

Image

Steps to reproduce the bug

  1. Add DateRangePicker to a container with strict size.
height: 100px;
overflow: scroll;
  1. Open an overlay;
  2. Overlay's content is being limited by container's size

Additional information

Here is the example of Vaadin's ComboBox when overlay is opened

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions