ChatGPTNextWeb/NextChat

[Bug] RTL character causes sidebar dragging issue.

Open

#3.975 geöffnet am 2. Feb. 2024

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (87.992 Stars) (59.717 Forks)batch import
help wanted

Beschreibung

Describe the bug When an RTL character is set up, the drag icon is still on the right side of the sidebar. Also, when dragging, the elements is changing on the wrong way.

Expected behavior The dragging icon should be on the left side of sidebar and when dragging, the moving direction of width should be same with mouse moving.

Screenshots image

Deployment

  • Docker
  • Vercel
  • Server

Desktop (please complete the following information):

  • OS: [Windows 10]
  • Browser [chrome]
  • Version [2.10.1]

Contributor Guide

Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
Understanding of RTL CSSExperience with React drag handlersBasic JavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75
Research-Richtung
Investigate the sidebar component's drag implementation. Look for the drag handle element and check its positioning in CSS when the app is in RTL mode. Verify if there is a direction aware layout condition. Consider using CSS logical properties (e.g., inset inline start) to handle RTL automatically. Examine existing drag events to ensure width change direction matches mouse movement in RTL. The issue has no maintainer feedback yet, so propose a fix and open a PR for review.