search

GSA / sam-design-system

https://gsa.github.io/sam-design-system/
Other
21 stars 14 forks source link

200% magnification- For Datepicker component via Formly some of the dates are appearing outside of the calendar box for Web #1441

Closed NikhithaReddyG closed 1 month ago

NikhithaReddyG commented 8 months ago

Components Involved Please list the common component(s) involved that you're experiencing an issue with

Expected Behavior How you expect the listed component(s) to function

Actual Behavior How the listed component(s) actually function

Your Environment Angular Version: X.Y.Z @gsa-sam packages version: X.Y.Z (Please list individually if all packages are not same version)

Ticket Number Please provide your JIRA ticket number that is dependent on this fix. If there is none, please create one to validate the issue once the fix has been released. DO NOT provide the url, please ONLY provide the ticket number. IAEMOD-24494

Additional context Screenshots / recordings, minimal reproduction on stackblitz, steps to reproduce, code snippets, etc.

image

Alijavedofficial commented 8 months ago

Ensure that your CSS includes media queries or other responsive design techniques to adjust the positioning and size of the Datepicker component at higher magnifications. This might involve setting the position property of the Datepicker to absolute and adjusting its top, left, right, or bottom properties to ensure it stays within the viewport.

davereed commented 1 month ago

We couldn't verify this issue on the design demos. Please verify if the newer version of material fixed this. Re-open via comment if you still need support.