Join table collision with Collection Sidebar

payloadcms / payload

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.

https://payloadcms.com

MIT License

27.72k stars 1.72k forks source link

Join table collision with Collection Sidebar #8436

Open mpresecan opened 1 month ago

mpresecan commented 1 month ago

Link to reproduction

No response

Environment Info

Visual issue

Describe the Bug

As visible from the image

Reproduction Steps

Put a join field in the collection, and then one or more fields on the collection sidebar. The join field should have multiple collumns in the view, and then the collision is visible

Adapters and Plugins

No response

akhrarovsaid commented 1 month ago

Hey @mpresecan,

Unfortunately I can't seem to reproduce your issue. I've tried multiple configurations, including imitating the collection configuration you have in the provided image, to no avail. I initially tested it with beta v108, then tried v109, and still no luck. With a sidebar, on my machine, the table doesn't overflow and simply shows a scrollbar at the bottom.

Can you update your Payload beta version to v3.0.0-beta.109 and check if that somehow resolves your issue?

mpresecan commented 1 month ago

Hm... I updated to v109 my project, and it did not go away. I spinned another payload project, trying to isolate the case, and could not replicate it. But then I noticed something In my project from the very start I have had the issue with the tables, not only on the join field, as well to the collection list table. Please notice the width of the table. Does this issue looks familiar? Perhaps it is the same bug.