Проблема с полосой прокрутки при применении эффектов пользовательского интерфейса JQuery к тексту

Question

Я пытаюсь использовать пользовательский интерфейс JQuery, чтобы сделать блок текста перетаскиваемым (а позже - перетаскиваемым и изменяемым) Проблема заключается в том, что все примеры документации JQuery UI действуют на объекты, которые имеют явно заданные ширину и высоту CSS. Если вы делаете что-то вроде этого:

<script type="text/javascript">
$(function() {
$(".draggable").draggable();
});
</script>
<p class="draggable">Drag me around</p>

Без указания ширины и высоты CSS горизонтальная полоса прокрутки в браузере появляется и начинает сходить с ума, как только вы касаетесь текстового объекта. Проблема исчезнет, ​​если указать свойства CSS ширины и высоты, но текст, с которым я работаю, является динамическим ... Я не могу указать ширину и высоту заранее. Есть ли другой способ предотвратить странное поведение полосы прокрутки?

Answer 1

Вы можете попробовать использовать тег <span> вместо <p>

Answer 2

Вы можете динамически добавить ширину и / или высоту, как только вы начнете перетаскивать объект, а затем вернуть эти стили в auto, как только вы уроните его.