Premium support for our pure JavaScript UI components


Post 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

Attachments
ui_break.jpg
ui_break.jpg (144.18 KiB) Viewed 180 times
Last edited by plugins-welcome on Wed Oct 05, 2022 5:55 pm, edited 1 time in total.

Post by mats »

Missing the attachment


Post by plugins-welcome »

Apologies, edited the 1st comment with the attachment


Post 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/

Best regards,
Márcio


Post 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?


Post 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.

All the best,
Alex


Post Reply