Unable to scroll page when using djangocms_text_ckeditor.fields.HTMLField

When using the CKEditor within a web page I am unable to scroll using a touch screen anywhere else besides on the CKEditor itself.

# models.py
from django.db import models
from djangocms_text_ckeditor.fields import HTMLField

class MyClass(models.Model):
    body = HTMLField(blank=True)

# form.py
from django import forms

class MyClassForm(forms.ModelForm):
    class Meta:
        model = MyClass
        fields = ["body"]

# template.html
<form method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    <div class="row">
        <div class="col-12">
            <div class="form-row p-2 mb-3 border rounded">
                <label class="font-weight-bold" for="{{ form.body.id_for_label }}">{{ form.body.label }}</label>
                {{ form.media }}
                {{ form.body }}
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-6">
            <a href=" type="submit" class="btn btn-outline-primary mt-1">Back</a>
        </div>
        <div class="col-6 text-right">
            <button type="submit" name="continue-editing" class="btn btn-outline-primary mt-1">Save and Continue Editing</button>
            <button type="submit" class="btn btn-outline-primary mt-1">Save</button>
        </div>
    </div>
</form>

... MORE STUFF

So what happens is, when I use a touch screen such as a phone, I can only scroll if I touch the editor and drag. But anywhere else on the page I am unable to.

[serg-quinta]

Hi all! We have got the same issue. This issue is related to cmsresize plugin which adds data-touch-action=“none” to html tag and applies touch-action: none; CSS rule. This rule disabling manipulation on touchscreen. You can fix it by disabling resizing by adding ‘resize_enabled’: False to CKEditor settings. I hope this will help you.

[stale[bot]]

This will now be closed due to inactivity, but feel free to reopen it.