Skip to content

Dateinput component gets cropped for certain resolution, ideally 100% of the date input component should be seen in viewport. #6495

@vinayravindrajartarkar

Description

@vinayravindrajartarkar
  • Visit url https://v2.grommet.io/dateinput on chrome browser.
  • On chrome tab at 100% zoom on click on select date icon in the rendered Dateinput component.
  • You will see bottom 20% of the date input component hidden.
  • The same can be seen if there is content below on scroll.

Expected Behavior

  • The complete Date input component should be shown.

Actual Behavior

  • At 100% zoom level in chrome in the url https://v2.grommet.io/dateinput, you will see 80% of the Date input component seen.
  • Remaining 20% can only be seen on scroll.

URL, screen shot, or Codepen exhibiting the issue

  • Grommet version: 2.27.0
  • Browser Name and version: Chrome 106.0.5249.119
  • Operating System and version (desktop or mobile): MAC

Metadata

Metadata

Assignees

Labels

bugissue that does not match design or documentation and requires code changes to address

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions