Page 1 of 1

[REACT] Column UI break

Posted: Sun Oct 02, 2022 7:25 pm
by plugins-welcome

Hi,

Let's say we have the taskboard rendered with N no. of columns. Then if we update the view to have a smaller set of columns the UI breaks. [see attachment]

It basically happens when there is a major change in the no. of columns. The issue is not consistent, and if it does occur, refreshing the view fixes everything. The issue seems to occur for Mac users.

Tested on:
Chrome: Version 105.0.5195.125
Mac: Big Sur 11.5.2


Re: [REACT] Column UI break

Posted: Sun Oct 02, 2022 8:12 pm
by mats

Missing the attachment


Re: [REACT] Column UI break

Posted: Wed Oct 05, 2022 5:56 pm
by plugins-welcome

Apologies, edited the 1st comment with the attachment


Re: [REACT] Column UI break

Posted: Wed Oct 05, 2022 10:02 pm
by marcio

Hey plugins-welcome,

Could you please share how did you update the UI to break?? Can you reproduce it in one of our demos, like this one?? https://www.bryntum.com/examples/taskboard/columns/


Re: [REACT] Column UI break

Posted: Fri Oct 07, 2022 10:22 am
by plugins-welcome

This is a very inconsistent behaviour, doesn't always happen. However, if it helps, we did add some css to the column header and column body. We added min with and max width to the columns:

.b-taskboard-column:not(.b-collapsed) {
    min-width: 320px;
  }

  .b-taskboard-column-header:not(.b-collapsed) {
    min-width: 320px;
  }

  .b-taskboard-column,
  .b-taskboard-column-header {
    max-width: 512px;
  }

Could this be a reason? If yes, how else can we apply both a min and max width to the columns?


Re: [REACT] Column UI break

Posted: Fri Oct 07, 2022 10:51 am
by alex.l

Hi plugins-welcome,

Cannot say exactly since we was not able to reproduce that. It will be great if we get steps to reproduce and test case to get this problem, it will allow us to debug it and help you.