禁用TextArea Resize在出现Overflow-Y时停止工作

时间:2017-12-06 21:37:58

标签: html css textarea

如果textarea被禁用且溢出,则不再允许您调整大小。 如果你将overflow-y添加到hidden并保持禁用状态,它会让你调整大小。

任何方法都有一个具有可滚动溢出y的禁用textarea并仍然可以调整大小?

小提琴只是textarea: https://jsfiddle.net/bs5sakus/(不可调整大小)

<textarea disabled> TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST </textarea>

隐藏溢出 - 隐藏:https://jsfiddle.net/30o3tmap/(可调整大小)

1 个答案:

答案 0 :(得分:0)

可能的解决方案是使用readonly而不是disabled并将其设置为看起来已禁用。这也允许用户在文本区域中突出显示和复制文本,但不能修改它

https://jsfiddle.net/xynLfqag/1/

 $(document).ready(function () {
          $('.my_select').on('click', function () {
              var phi = $('#phi').val();
              var accesslevelid = $('#accesslevelid ').val();
              $.ajax({ url: "{% url 'requestaccess' %}",
                      headers: { 'X-CSRFToken': '{{ csrf_token }}' },
                      data: {
                        phi: phi,
                        accesslevelid: accesslevelid
                      },
                      type: 'POST',
                      success: function (result) {
                        ;
                      },
                    });
            });
        });

jQuery UI resizable将起作用,但使用SE抓取器和滚动条导致重叠

enter image description here

https://jqueryui.com/resizable/