Unable to search relationship documents after adding virtual title field and listSearchableFields

[jjaacckk]

Hello, I have a collection called tracks which has a virtual field called fullTitle (which is used for useAsTitle) and regular field called title. I want to search the title field, so I added title to the listSearchableFields array and index: true to the title field. I am now able to search for tracks at /collections/tracks, but I cannot search for tracks to add when tracks is a relationship field on a different collection called setlists.

When searching for tracks to add to the setlist relationship field tracks only about 10 tracks show up and no more will populate when you begin typing.

This first image is from /collections/tracks:

and this second is when I try to search for a track to add to a setlist:

As you can see, there should be at least 2 other tracks (besides "cat fancy" as it's already added) that show up for the setlist.

Here is my Track.ts collection:

import { CollectionConfig, FieldHook } from 'payload/types';

const populateFullTitle: FieldHook = async ({ data }) => (
    `${data.title} - ${data.artists[0].artist}`
);

export const Track: CollectionConfig = {
    slug: 'tracks',
    admin: {
        useAsTitle: "fullTitle",
        listSearchableFields: ["title"],
        defaultColumns: ["fullTitle", "album", "releaseYear", "link"]
    },
    access: {
        read: ({ req }) => {
            if (req.user) return true;

            return {
                _status: {
                    equals: 'published',
                }
            };
        },
    },
    versions: {
        drafts: true,
    },
    fields: [
        {
            name: 'fullTitle',
            type: 'text',
            access: {
                create: () => false,
                update: () => false,
            },
            hooks: {
                beforeChange: [({ siblingData }) => {
                  siblingData.fullTitle = undefined;
                }],
                afterRead: [
                    populateFullTitle,
                ],
            },
            admin: {
                hidden: true,
            },
        },
        {
            name: "title",
            label: "Title",
            type: "text",
            required: true,
            index: true
        },
        {
            name: "artists",
            label: "Artists",
            type: "array",
            required: true,
            fields: [
                {
                    name: "artist",
                    label: "Artist",
                    type: "text",
                }
            ]
        }
    ]
}

and here is my Setlist.ts collection which uses tracks as a relationship field called tracks:

import { CollectionConfig } from 'payload/types';

export const Setlist: CollectionConfig = {
    slug: 'setlists',
    admin: {
        useAsTitle: "title",
        defaultColumns: ["title", "photos", "tracks", "current"]
    },
    access: {
        read: ({ req }) => {
            if (req.user) return true;

            return {
                _status: {
                    equals: 'published',
                }
            };
        },
    },
    versions: {
        drafts: true
    },
    fields: [
        {
            name: "title",
            label: "Display Date",
            type: "text",
            required: true,
            unique: true
        },
        {
            name: "tracks",
            label: "Tracks",
            type: "relationship",
            relationTo: "tracks",
            hasMany: true,
            required: false,
        },
    ]
}

Thanks in advance!

[jjaacckk]

The issue seems to stem from the fact that the search on collections/track uses where[or][0][title][like]=cat and the search from the setlist relationship field uses where[or][0][fullTitle][like]=cat (which is the virtual field) for some reason.

[jjaacckk]

created issue #3913