rtl toast alignment is not working properly

[mo3auya91]

Versions

Relese version: 1.7.11
Vue version: 2.5.17

Describe the bug

I tried to create the toast, It works and the toast shows up. but I have a problem with rtl support.
here is my config:

const toastOptions = {
    position: "bottom-left",
    timeout: 5000,
    closeOnClick: true,
    pauseOnFocusLoss: true,
    pauseOnHover: true,
    draggable: true,
    draggablePercent: 0.6,
    showCloseButtonOnHover: false,
    hideProgressBar: false,
    closeButton: "button",
    icon: true,
    rtl: false
}

this will get me a toast like this on mackbook pro 15.4"

and its perfect, but I noticed this is not how it shows at 15.60-inch (1366x768) screens

this how it look on macbook 15 inch on your demo page
please notice the red arrows at position, rtl layout and the toast position

[alirezajokar]

i have same issues in rtl mode in any position.
this problem happen when use firefox. in chrome that work fine.

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[alirezajokar]

@Maronato

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[stale]

This issue has been automatically closed because it has not had any recent activity. If you have a question or comment, please open a new issue.