[SOLVED] Not able to scroll list view (reference data), when content is disabled

Waseem_Ahmad · May 31, 2021, 11:17am

Hi Sebastian,

I am using a reference filed as list view and we can select multiple items in that list. When content is in non editable state, we are not able to use vertical scroll.

I have looked into the code and it looks like issue is with the below line

github.com

Squidex/squidex/blob/4606e50d5a92538b10ebc05c8c592897ae088abb/frontend/app/features/content/shared/references/references-editor.component.html#L16


<div class="drop-area-container">
    <div class="drop-area">
        <a (click)="createContent()">{{ 'contents.referencesCreateNew' | sqxTranslate }}</a>

        &middot;

        <a (click)="contentSelectorDialog.show()">{{ 'contents.referencesSelectExisting' | sqxTranslate }}</a>
    </div>
</div>

<table class="table table-items table-fixed" [class.disabled]="snapshot.isDisabled" *ngIf="snapshot.contentItems && snapshot.contentItems.length > 0" 
    cdkDropList
    [cdkDropListData]="snapshot.contentItems"
    [cdkDropListDisabled]="snapshot.isDisabled"
    (cdkDropListDropped)="sort($event)">
    <tbody *ngFor="let content of snapshot.contentItems; trackBy: trackByContent"
        [sqxReferenceItem]="content"
        class="table-drag"
        cdkDrag
        cdkDragLockAxis="y" 
        (clone)="createContent(content)"

Entire table has disabled when content is in non editable, I think we can remove disable attribute from table because disabled attribute has also been applied on body tag.

Sebastian · May 31, 2021, 11:33am

Yes, looks wrong to me. Can you test if and provide a PR?

Waseem_Ahmad · May 31, 2021, 11:36am

Sure Sebastian. I will open a PR.

Waseem_Ahmad · May 31, 2021, 1:42pm

Here is the PR https://github.com/Squidex/squidex/pull/717

system · June 3, 2021, 5:38am

This topic was automatically closed after 2 days. New replies are no longer allowed.