RTL languages cause problems with link entry dialog


(Quenten) #1

I can’t enter links. I only see the black overlay, no modal though. Anyone having the same issues as me ?


(Quenten) #2

It works fine with en locale


(Simon Cossar) #3

Yes that will be a problem for all RTL layouts.

The problem is that the left position of the insert-link modal is hard-coded into the html. Anytime left or right positioning is set with inline styles it will break for rtl layouts unless a check is made in the code to see if the current layout is rtl and the left/right values are flipped.


(Quenten) #4

Sure, Can you give me the element that gets the inline property ? I’ll change it with Jquery from admin as a temporary solution


(Simon Cossar) #5

it is .rtl .d-editor .d-editor-modal.insert-link[style]

You can get in on the screen, but not centered, with this as custom css:

.rtl .d-editor .d-editor-modal.insert-link[style] {
    left: auto !important;
    right: 50px;
}

(Quenten) #6

Fair enough. It works ! Thanks


(Simon Cossar) #7

This is fixed now on the latest master branch.


(Sam Saffron) #8