(IBM Case Manager) InBasket display issue in the external IBM Navigator

Hello everyone,

I have come across a potential bug in InBasket and thought I would share it with you.

The issue is related to the display in an external navigator of the Case Manager. The possible bug causes the number of cases in an InBasket to be displayed incorrectly. The count is shown below the label. The cause of this is a CSS selector (.icmInbasketContainer .trimLongName .inbasketTabLabel.inbasketTabTrimWC). This selector is used for individual tabs, although they should logically have the same number of characters and width. However, this is not the case.

In the screenshot, you can see how the error manifests.

To fix the error, we have "overridden" this CSS selector in our plugin with the following configuration:

.icmInbasketContainer .trimLongName .inbasketTabLabel.inbasketTabTrimWC {
  width: auto !important;
  text-overflow: ellipsis;
}

This prevents the original configuration


.icmInbasketContainer .trimLongName .inbasketTabLabel.inbasketTabTrimWC {
  width: 78%;
  text-overflow: ellipsis;
}

from taking effect. As you can see, the problem is that the label is too wide and the trim tries to reduce the value. However, this causes a display issue. Without the fix, the label VOC has a width of 55.7167, and with the fix, the width is 38.6667 (according to the Firefox Box Model).

I hope this post helps you, if you encounter this behavior.
(I think I will open a case in the Support Center)

Best regards,
Marcel