Bug: More options modal is cut off for tasks created on Sundays

[lindy65]

Found by QA community contributor varghese.jose on https://boards-bugbash.test.mattermost.cloud/ (Boards v7.2)

Steps to reproduce the behavior

1. On the bugbash server, go to Project Tasks board > Task Calendar
2. Create a task on a Sunday then close the card
3. Click on the 3-dots on the card you just created
4. Observed: more options modal is cut off / disappears behind the left margin of the calendar (see screenshot)

Expected behavior

More options modal opens and is completely visible and functional

Screenshots

Edition and Platform

• Edition: Mattermost Boards (plugin)
• Version: v7.2.0
• Browser and OS: Chrome / Windows 8.1

[chenilim]

May be related to https://github.com/mattermost/focalboard/issues/3425. This one can be fixed in 7.3 though.

[Pinjasaur]

Able to repro by shrinking browser window horizontally. Not fixed implicitly by #3425, will need to investigate further. Perhaps as simple as overflow on the parent Full Calendar component.

[Pinjasaur]

I've been poking at this a bit longer than I wanted to. I've tried a few things:

1. using the position prop on the <Menu> component (used in the CardActionMenu) to display the menu to the right... this proves tricky because we don't really have much control over how Full Calendar actually renders the events, particularly in they're multi-day, so it's non-trivial (based on my attempts) to only set position='right' for events that have the "..." button in e.g. the Sunday column
2. using CSS to conditionally do the same as above, which works a bit better since you're able to query the DOM, but it's not ideal

I've been seeing if it's reasonable to unset some overflow: hiddens which seems like the least fragile solution, but also might break things.