Adding more than three sorts causes an overflow in grid

Steps to reproduce:

  1. Open AppFlowy
  2. Open or Insert a new Grid
  3. Click Sort
  4. Insert new sorts
  5. Observe after adding more than 3 sorts

Expected Behavior:
The button for Add sort and Delete sort should not get overflowed.

Actual:
The buttons get overflowed

Possible Solution:
Add a scrollbar to the list of sorts

Additional:
Good First Issue
UX

2 Likes

Also, we can put both buttons i.e: Add Sort and Delete Sort in the same row rather than putting them on top of each other.

Does “Delete sort” remove all sorts? Maybe it should be more explicitly stated.

1 Like

Created a github issue for this