typescript - el modo RTL de ngx-scrollbar no funciona en mi proyecto Angular

Estoy intentando implementar soporte RTL (de derecha a izquierda) para el desplazamiento usando el paquete ngx-scrollbar en mi proyecto de Angular. Sin embargo, la barra de desplazamiento no parece funcionar correctamente en el modo RTL.

Instalé ngx-scrollbar en mi proyecto de Angular usando:

npm install ngx-scrollbar

Agregué el siguiente código a mi plantilla para habilitar el modo RTL:

<ng-scrollbar buttons [dir]="'rtl'"></ng-scrollbar>

A pesar de esto, la barra de desplazamiento no se muestra correctamente en el modo RTL. Funciona bien en el modo LTR (de izquierda a derecha).

Lo que he probado

1. Revisé la documentación de ngx-scrollbar y confirmé que el atributo dir debería habilitar el modo RTL.
2. Verifiqué que mi aplicación admite RTL estableciendo otros elementos con dir="rtl", y se muestran como se esperaba.
3. Intenté usar diferentes navegadores para descartar problemas específicos del navegador.

Enlace de demostración de stackblitz

Entorno Angular: 18.0.0 CDK/Material: 18.0.2 Navegador(es): Chrome Sistema operativo (por ejemplo, Windows, macOS, Ubuntu): Windows

Respuesta #1

Así no funciona, tienes dos opciones:

Hacer una página web

• RTL, agrega el atributo a la etiqueta html <html dir="rtl">
• O utiliza BidiModule de Angular CDK como en este stackblitz

import { BidiModule } from '@angular/cdk/bidi';