Last Updated: 25 May 2021 07:36 by ADMIN
Created on: 11 Mar 2021 10:29
Category: DatePicker
Type: Bug Report
The popup lists of the Native Date inputs and the Dropdowns don't detect collision with browser's boundaries

I'm submitting a...

  • Bug report

Current behavior

When the Date Inputs or DropDowns are positioned at the bottom of a page, their popup continues to open below the input field. This causes the popup to appear beyond the browser's boundaries, making the users unable to use the popup.

Expected behavior

The position of the popups of the Date inputs and DropDowns should be automatically changed based on the available space below each of the components. If there is not enough space to open the popup below the component's input, the popup should appear above the input.

Minimal reproduction of the problem with instructions

  1. Open this StackBliz example
  2. Click on the "Open in a New Window" button at the right corner
  3. In the opened browser window, scroll to the bottom of the page
  4. Open the popup of the DropDownList