Ionaru / Ionaru/easy-markdown-editor

In RTL the scrollbars are positioned for LTR

Open
#524 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
3.1k
Forks
363
PR merge metrics
No merged PRs in 30d

Description

### I'm submitting a...
- [x] Bug report
- [ ] Feature request

### Reproduction steps

1. Load EasyMDE with `direction: 'rtl'` in the config
2. In the textarea, type multiple lines until the scrollbar shows, notice the scrollbar is appearing on the right-hand-side when it should be on the left for Left-to-Right languages.

Many of the styles in tinymce css use directional properties for style rules. They should move to logical properties, `inset-inline-start` instead of `left` and so on.

### Version information
Browser type and version: Chrome latest
EasyMDE version: v2.16.1

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in EasyMDE v2.16.1 using direction: 'rtl' and multiple textarea lines in Chrome. Inspect the directional rules in the TinyMCE CSS, especially scrollbar positioning and left/right declarations. Done means RTL scrollbars and related styles are positioned correctly while LTR behavior remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend, internationalization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.