DateField date picker out of screen when opened in a modal in mobile

Just a simple date field in a modal, when opened on mobile. Because the modal is stuck at the bottom, the datepicker is unuseable. The screen doesn’t allow me to scroll.

There’s no issue when it is rendered on the page instead of in the modal.

<s-modal id={modalId} heading="Modal">
  <s-stack padding>
    <s-date-field
      label="label"
      value={value}
    ></s-date-field>
  </s-stack>
</s-modal>

Screenshot:

This is similar to the other post