jQuery UI, перетаскиваемый без перетаскивания для оси X на странице RTL

Question

Я использую следующее:

jQuery v3.3.1

jQuery UI - v1.12.1 - 2018-10-16

Действия по воспроизведению проблемы:

1. Иметь HTML-страницу с RTL в HTML-теге сверху.
2. Включите Jquery и Jquery UI в CSS-файлы.
3. Включить перетаскиваемый компонент для элемента div в документе готов.

$("#element-helper").draggable({
  handle: ".handle"
});

<div id="element-helper">
  <div class="header">
    <i class="icon white note"></i>
    <h3 class="handle"> Element Insert</h3>
    <a class="close-styler"><i class="icon white delete"></i></a>
  </div>
</div>

Ребята, вы знаете какое-нибудь решение этой проблемы? Я искал, но пока не нашел решения.

Когда я удаляю RTL из тега html, он работает нормально. Но моя страница и фреймворк - только rtl.

Answer 1

[решено] Мне пришлось держать элемент css влево, чтобы он работал правильно даже в RTL.

#element-helper {
  top: 100px;
  left: 100px;
  position: fixed;
  min-height: 500px;
  width: 400px;
  font-weight: 300;
}