Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Big Issue with righttoleft languages #1461

Open
wwwbarnamehadotnet opened this issue Jun 4, 2024 · 1 comment
Open

Big Issue with righttoleft languages #1461

wwwbarnamehadotnet opened this issue Jun 4, 2024 · 1 comment
Labels
bug:ui Bug in UI (trumbowyg.scss)

Comments

@wwwbarnamehadotnet
Copy link

I just started working with this editor, and at the beginning I found some big problems:

1- When I change the language of the editor to a language like Farsi where the layer should be right to left, some problems are found in the pop-ups, for example in the following image:

Untitled

Temporarily, I solved the problem as follows :

added Direction:ltr into trumbowyg.colors.min.css or trumbowyg.colors.css :

trumbowyg colors min css

result :
fixed

but it is very likely that this problem will occur for other popups because I only tried the color popup.

2- Again, it was about right to left. If we pay close attention to the image below, I will notice that the key bar is right to left, but the pop-up menus or the arrows under the keys are still displayed from left to right, and this causes problems in the display of labels. It creates

see arrows and menu left to right opened when should be open from right to left :
righttoleftmenu

3- Height problem , Base on this config :

      autoAjustHeight: false,
      autogrow: false,
      autogrowOnEnter: false,

still I need fix height of editor I added this style :

  <style>
  
    .trumbowyg-box .trumbowyg-editor {
      height:150px !important;
    }

    .trumbowyg-box {
      min-height:20px !important;
    }
  </style>

temporary solved half but still scrollbar does not work with scroll mouse for me it's just work with arrow key or just by not middle

@Alex-D
Copy link
Owner

Alex-D commented Jan 29, 2025

I guess it's due to the text-indent "hack". I need to check if I can do something about this.

@Alex-D Alex-D added the bug:ui Bug in UI (trumbowyg.scss) label Jan 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug:ui Bug in UI (trumbowyg.scss)
Projects
None yet
Development

No branches or pull requests

2 participants