Drawer has css wrong effect for rtl dir
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- css, javascript, react, typescript
- Área
- frontend, internationalization
Línea de trabajo
Empieza reproduciendo el ejemplo de Drawer, cambiando dir entre ltr y rtl, usando la colocación izquierda para ltr y la derecha para rtl. Compara las cuatro capturas de pantalla enlazadas e inspecciona el estilo y el comportamiento de colocación de Drawer; se considera terminado cuando el drawer rtl tiene el diseño previsto sin los efectos CSS indicados, mientras el comportamiento ltr permanece sin cambios.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hello,
I am trying i18n for drawer component. So I switch dir between ltr and rtl. Also I put drawer position to left for ltr and right for rtl. It works correctly for ltr but the css got mess up for rtl. Need some help...
<Drawer
className={style.sideBar}
level={null}
onHandleClick={this.onCollapse}
onMaskClick={this.onCollapse}
open={!collapsed}
placement={locale === 'ar' ? 'right' : 'left'}
width={256}
/>
Best Regards,
F. Tahir
- Lenguaje dominante
- TypeScript
- Estrellas
- 425
- Forks
- 108
- Merge medio
- 2 h 1 min
- PR fusionados (30 d)
- 1
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/drawer
-
Add React 19 support Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/drawer#517 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 48/100
react-component/drawer#479 · 1 reacción ·
-
handler alternative Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 35/100
react-component/drawer#474 · 1 reacción ·
-
Bug: getContainer设置指定dom元素后依然是全屏 Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/drawer#422 · 3 comentarios ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 30/100
react-component/drawer#414 · 1 reacción ·
Todos los issues de react-component/drawer
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
TanStack/tanstack.com#1293 ·