达到超小设备宽度时防止抽屉模态卡住

如何解决达到超小设备宽度时防止抽屉模态卡住

美好的一天，

我创建了一个右对齐模式，它将从浏览器的最右侧显示。这是一个链接，可以查看它的外观https://www.screencast.com/t/xXpN4aOgVX

问题在于，当它达到浏览器的极小宽度时，模态将捕捉到另一侧。

这是我下面使用 react + coreui react 的代码

<CModal
    className="modal fade drawer right-align d-sm-down-none"
    show={modal.toggleEditContactModal}
    onClose={() => handleModalClose()}
    id="editContactModal"
    role="dialog"
    aria-labelledby=""
    aria-hidden="true"
    style={{
        border: 'none',}}
    size='sm'
>

抱歉问这个问题，但我花了几个小时才弄明白。

请时刻注意安全。 谢谢