Datepicker not shown in full width in FD sidebar

[ThomasH]

Hello,

I integrated a Crayons form in a Freshdesk app a while ago.
Unfortunately, the datepicker is not shown in its full width:

Saturday is cut and the option to jump to the next month aswell.

I found out, that if I shrink the mdp-container element inside datepicker, it is shown in its full size:

But why doesn’t it render properly when loading the page/app?

Best,
Tom

[kaustavdm (Kaustav Das Modak)]

Does this app run in the ticket_sidebar location?

Which Crayons version are you using?

[ThomasH]

Hello @kaustavdm

Thank you for your reply.

Using V4:

And yes, ticket sidebar.

Best,
Tom

[ThomasH]

Hello Community, Hi @kaustavdm,
any news on this? App still is not rendering the full calender correctly.
Now using V4 straight:

<script type="module" src="https://unpkg.com/@freshworks/crayons@v4/dist/crayons/crayons.esm.js"></script>

Best,
Thomas

[kaustavdm (Kaustav Das Modak)]

@ThomasH Can you confirm if this issue been resolved as part of the Crayons v4.0.5 release?

Crayons datepicker (fw-datepicker) - Issue with month dropdown

Hi @ThomasH , Have released a new version to fix the issue. Version - 4.0.5 Please clear your cache and try it out.

[ThomasH]

Hello @kaustavdm

unfortunately not. Still don’t see the verymost right part of the datepicker:

Could be replicated on Datepicker (fw-datepicker) | Crayons aswell.
If you shrink the width of the browser, it does neither render smaller nor does it move, when you use the horizontal scrollbar:

Best,
Thomas

[satwik]

@arvindan.ta any chance you might be able to help here with your expertise?

[arvindan.ta (Arvindan Aswathanarayanan)]

@satwik we are discussing internally on this.

Issue: The widget is rendered inside an iframe, the datepicker’s popup is getting hidden and not overflowing outside of iframe. Seems to be a limitation with iframes.

Will get back once we find a way around this.